Geforce File Manager

NAME	SIZE	ACTIONS
📁 components		[ DEL ]
📄 ChaptersPanel.js	294 B	[ EDIT ] \| [ DEL ]
📄 index.js	2,712 B	[ EDIT ] \| [ DEL ]

[ CLOSE ]

EDIT: index.js

/**
 * WordPress dependencies
 */
const { __ } = wp.i18n;
const { useState } = wp.element;
const { dispatch } = wp.data;
import Chapter from "./components/Chapter";

const { chapters } = attributes;

let [draft, setDraft] = useState({
    title: "",
    time: "",
  });

const removeChapter = (chapter) => {
    let index = chapters.indexOf(chapter);
    setAttributes({ chapters: chapters.filter((_, i) => i !== index) });
  };

return (
    <>
      {sorted().map((chapter, i) => {
        return (
          <Chapter
            key={`${i}-${chapter.time}`}
            className="ph-chapter"
            time={chapter.time}
            title={chapter.title}
            chapter={chapter}
            update={(data) => {
              updateChapter(chapter, data);
            }}
            remove={() => {
              removeChapter(chapter);
            }}
          />
        );
      })}

<Chapter
        className="ph-chapter is-new"
        time={draft.time}
        title={draft.title}
        update={(data) => {
          setDraft({ ...draft, ...data });
        }}
        add={addChapter}
      />
    </>
  );
};

export default VideoSettings;