Geforce File Manager

NAME	SIZE	ACTIONS
📁 popup		[ DEL ]
📄 APIPlaceholder.js	2,475 B	[ EDIT ] \| [ DEL ]
📄 StorageMedia.js	3,138 B	[ EDIT ] \| [ DEL ]
📄 StreamMedia.js	968 B	[ EDIT ] \| [ DEL ]
📄 block.json	3,024 B	[ EDIT ] \| [ DEL ]
📄 edit.js	15,670 B	[ EDIT ] \| [ DEL ]
📄 index.js	1,012 B	[ EDIT ] \| [ DEL ]
📄 useMedia.js	1,017 B	[ EDIT ] \| [ DEL ]
📄 useStorageConnection.js	2,896 B	[ EDIT ] \| [ DEL ]
📄 useStreamConnection.js	2,995 B	[ EDIT ] \| [ DEL ]

[ CLOSE ]

EDIT: StorageMedia.js

const { __ } = wp.i18n;
import chunkUpload from "@/admin/blocks/shared/media/chunk-upload";
import MediaPopup from "@/admin/blocks/shared/media/MediaPopup";
const { useState, useEffect } = wp.element;

export default ({ closePopup, noticeOperations, onSelect, isPrivate }) => {
  const [videos, setVideos] = useState([]);
  const [fetching, setFetching] = useState(false);
  const [progress, setProgress] = useState(0);
  const [progressMessage, setProgressMessage] = useState("");
  const [error, setError] = useState("");

const endpoint = isPrivate ? "private-videos" : "public-videos";

// reset progress and error on open
  useEffect(() => {
    setProgress(0);
    setError("");
  }, []);

// handle error
  const onError = (message) => {
    noticeOperations.removeAllNotices();
    noticeOperations.createErrorNotice(message);
  };

// loads videos for media popup
  const loadVideos = async () => {
    try {
      setFetching(true);
      const videos = await wp.apiFetch({
        path: `presto-player/v1/bunny/${endpoint}`,
      });
      setVideos(videos);
    } catch (e) {
      setError(e.message);
    } finally {
      setFetching(false);
    }
  };

return (
    <MediaPopup
      onClose={closePopup}
      progressMessage={progressMessage}
      fetching={fetching}
      error={error}
      onUpload={uploadFile}
      onLoad={loadVideos}
      items={videos}
      progress={progress}
      onDelete={deleteVideo}
      onSelect={onSelect}
      onError={onError}
      header={
        isPrivate
          ? __("Bunny.net Private Video Storage", "presto-player")
          : __("Bunny.net Public Video Storage", "presto-player")
      }
      title={
        isPrivate
          ? __("Private Video Library", "presto-player")
          : __("Public Video Library", "presto-player")
      }
    />
  );
};