Geforce File Manager

[ SYSTEM ]: Linux wordpress 6.1.0-44-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.164-1 (2026-03-09) x86_64
[ SERVER ]: Apache/2.4.66 (Debian) | PHP: 8.2.30
[ USER ]: www-data | IP: 172.19.30.54

NAME	SIZE	ACTIONS
📄 create.js	1,157 B	[ EDIT ] \| [ DEL ]
📄 edit.js	4,187 B	[ EDIT ] \| [ DEL ]
📄 index.js	1,011 B	[ EDIT ] \| [ DEL ]

[ CLOSE ]

EDIT: create.js

import { __ } from "@wordpress/i18n";
import { Button, Flex, Modal, TextControl } from "@wordpress/components";
import { useState } from "@wordpress/element";

export default ({ onCreate, onRequestClose }) => {
  const [title, setTitle] = useState("");

return (
    <Modal
      title={__("Add New Playlist Item", "presto-player")}
      onRequestClose={onRequestClose}
    >
      <Flex direction="column" gap={4}>
        <TextControl
          value={title}
          onChange={(title) => setTitle(title)}
          placeholder={__("Title", "presto-player")}
          required
          label={__("Title", "presto-player")}
          autoFocus
        />
        <Flex justify="start" align="center">
          <Button
            style={{ margin: 0 }}
            variant="primary"
            onClick={() => onCreate(title)}
          >
            {__("Create", "presto-player")}
          </Button>
          <Button
            variant="tertiary"
            style={{ margin: 0 }}
            onClick={onRequestClose}
          >
            {__("Cancel", "presto-player")}
          </Button>
        </Flex>
      </Flex>
    </Modal>
  );
};