27 lines
713 B
TypeScript
27 lines
713 B
TypeScript
import React, { useState } from "react";
|
|
import RenameInput from "./inputs/RenameInput";
|
|
import { ArrowIcon } from "../icons/ExportCommonIcons";
|
|
import MenuBar from "./menu/menu";
|
|
|
|
const FileMenu: React.FC = () => {
|
|
const [openMenu, setOpenMenu] = useState(false);
|
|
return (
|
|
<div className="project-dropdowm-container">
|
|
<div className="project-name">
|
|
<RenameInput value="untitled" />
|
|
</div>
|
|
<div
|
|
className="more-options-button"
|
|
onClick={() => {
|
|
setOpenMenu(!openMenu);
|
|
}}
|
|
>
|
|
<ArrowIcon />
|
|
{openMenu && <MenuBar setOpenMenu={setOpenMenu} />}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FileMenu;
|