diff --git a/src/App.tsx b/src/App.tsx deleted file mode 100644 index a9b829d..0000000 --- a/src/App.tsx +++ /dev/null @@ -1,24 +0,0 @@ -/* -------------------------------------------------------------------------- */ -/* Libraries */ -/* -------------------------------------------------------------------------- */ -import React from "react"; -import classNames from "classnames"; -import Inputgroup from "components/Inputgroup"; -import Header1 from "components/Header1"; - -/* -------------------------------------------------------------------------- */ -/* Application root component */ -/* -------------------------------------------------------------------------- */ -/** - * Application root component - * @return {JSX.Element} - */ -function App() { - return ( -
- -
- ); -} - -export default App; diff --git a/src/components/Bell.tsx b/src/components/Bell.tsx deleted file mode 100644 index 826b68b..0000000 --- a/src/components/Bell.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -export type Props = { - className?: string; -}; - -const Bell = ({ className }: Props) => { - return ( -
- - - - - - - - - - - - -
- ); -}; - -export default Bell; diff --git a/src/components/Burger.tsx b/src/components/Burger.tsx deleted file mode 100644 index 61b6191..0000000 --- a/src/components/Burger.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -export type Props = { - className?: string; -}; - -const Burger = ({ className }: Props) => { - return ( -
- - - - - -
- ); -}; - -export default Burger; diff --git a/src/components/Drop.tsx b/src/components/Drop.tsx deleted file mode 100644 index 36e2c7b..0000000 --- a/src/components/Drop.tsx +++ /dev/null @@ -1,98 +0,0 @@ -import React, { Fragment } from "react"; -import classNames from "classnames"; -import { Menu, Transition } from "@headlessui/react"; - -import Burger from "./Burger"; - -const Drop = () => { - return ( -
- -
- - About - -
- - - -
- - {({ active }) => ( - - About Freeland - - )} - - - {({ active }) => ( - - Contact Us - - )} - - - {({ active }) => ( - - Help - - )} - - {/*
- - {({ active }) => ( - - )} - -
*/} -
- - - -
- ); -}; - -export default Drop; diff --git a/src/components/Dropdown.tsx b/src/components/Dropdown.tsx deleted file mode 100644 index b43d7df..0000000 --- a/src/components/Dropdown.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import React, { useRef } from "react"; -import { useState } from "react"; -import classNames from "classnames"; - -export type Props = { - className?: string; - selected?: string; - setSelected: (option: string) => void; - options: string[]; -}; - -const Dropdown = ({ selected, setSelected, options, className }: Props) => { - const [isActive, setIsActive] = useState(false); - - const dropdownRef = useRef(null); - const handleClickOutsideDropdown = (e: any) => { - if (isActive && !dropdownRef.current?.contains(e.target as Node)) { - setIsActive(false); - } - }; - window.addEventListener("click", handleClickOutsideDropdown); - - return ( -
-
setIsActive(!isActive)} - > - {selected} - -
- {isActive && ( -
- {options.map((option) => ( -
{ - setSelected(option); - setIsActive(false); - }} - > - {option} -
- ))} -
- )} -
- ); -}; - -export default Dropdown; - -//group-active:border-t-transparent group-active:border-b-black group-active:mb-2 diff --git a/src/components/Header1.tsx b/src/components/Header1.tsx deleted file mode 100644 index fa34818..0000000 --- a/src/components/Header1.tsx +++ /dev/null @@ -1,166 +0,0 @@ -import React from "react"; -import Dropdown from "./Dropdown"; -import DropDown from "./Drop"; -import Link from "./Link"; -import Logo from "./Logo"; -import Logofreeland from "./Logofreeland"; -import { useState, useEffect } from "react"; -import { Button } from "./Button/Button"; -import Bell from "./Bell"; -import Avatar from "./Avatar"; -import ContextMenu from "components/containers/contextmenu/ContextMenu"; -import ContextMenuAction from "components/containers/contextmenu/ContextMenuAction"; -import Sidebar from "components/Sidebar"; -import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; -import { Createnew, About, Mylibrary } from "components/pages/Overview"; -import Navbar from "./Navbar"; -import Drop from "./Drop"; - -// Icons Start ------------------------------------------- -import { ReactComponent as SVGFiletext } from "assets/svg/filetext.svg"; -// Icons End ------------------------------------------- - -// width and height -let Short: boolean; -function getWindowDimensions() { - const { innerWidth: width, innerHeight: height } = window; - - if (width > 870) { - Short = true; - } else { - Short = false; - } - return { - width, - height, - }; -} - -export function useWindowDimensions() { - const [windowDimensions, setWindowDimensions] = useState( - getWindowDimensions() - ); - - useEffect(() => { - function handleResize() { - setWindowDimensions(getWindowDimensions()); - } - - window.addEventListener("resize", handleResize); - return () => window.removeEventListener("resize", handleResize); - }, []); - - return windowDimensions; -} -// width and height End - -const Header1 = () => { - const [selected, setSelected] = useState("MY LIBRARY"); - const [selectedB, setSelectedB] = useState("About"); - const { height, width } = useWindowDimensions(); - return ( -
- {/* Logo and Menu */} -
- {/* Logo */} - - - - - - {/* Menu( Create new - My library - About ) Start */} - {Short && ( -
- - CREATE NEW - - - {/* Dropdown start */} - - console.log("My publications")} - icon={} - > - console.log("My favorites")} - icon={} - > - - {/* Dropdown End */} - - {/* Dropdown start */} - - console.log("My publications")} - icon={} - > - console.log("My favorites")} - icon={} - > - - {/* Dropdown End */} -
- )} - - {/* Menu( Create new - My library - About ) End */} -
-
- {/* -------------------------------------- */} - {/* Buttons Start */} - {/* - */} - {/* Buttons End */} - {/* -------------------------------------- */} - - {/* Bell Start */} - - {/* Bell End */} - - {/* Avatar Start */} - {Short && ( - - )} - {/* Avatar End */} - - {/* Burger Start */} - {!Short && ( - - )} - {/* Burger End */} -
-
- ); -}; - -export default Header1; diff --git a/src/components/Headericon.tsx b/src/components/Headericon.tsx deleted file mode 100644 index 4997bf8..0000000 --- a/src/components/Headericon.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -export type Props = { - className?: string; -}; - -export const SVGFolderplus = ({ className }: Props) => { - return ( -
- - - - - -
- ); -}; - -export const SVGFolderplusminus = ({ className }: Props) => { - return
; -}; diff --git a/src/components/Link.tsx b/src/components/Link.tsx deleted file mode 100644 index 15a3eb8..0000000 --- a/src/components/Link.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react"; - -type Props = { - href?: string; - children: React.ReactNode; - disabled?: boolean; - className?: string; -} & Omit, "">; - -export default function Link({ href, children, disabled, ...props }: Props) { - return ( - // eslint-disable-next-line jsx-a11y/anchor-is-valid - - {children} - - ); -} diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx deleted file mode 100644 index 0ac392d..0000000 --- a/src/components/Sidebar.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import React, { useState } from "react"; -import { CSSTransition } from "react-transition-group"; -import classNames from "classnames"; -import { Link } from "react-router-dom"; -import styled from "styled-components"; -import { SidebarData } from "./SidebarData"; -import Submenu from "./Submenu"; -import SidebarLink from "./Submenu"; -import Burger from "./Burger"; - -export type Props = { - className?: string; -}; - -const SideBarNav = styled.div<{ sidebar: boolean }>` - left: ${({ sidebar }) => (sidebar ? "0" : "100%")}; -`; - -const Sidebar = ({ className }: Props) => { - const [sidebar, setSidebar] = useState(false); - const toggleSidebar = () => setSidebar(!sidebar); - - return ( - - ); -}; - -export default Sidebar; diff --git a/src/components/SidebarData.tsx b/src/components/SidebarData.tsx deleted file mode 100644 index 121f3b8..0000000 --- a/src/components/SidebarData.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { SidebarItem } from "./SidebarItem"; - -export const SidebarData: SidebarItem[] = [ - { - title: "CREATE NEW", - path: "/overview", - }, - - { - title: "MY LIBRARY", - path: "/overview/mylibrary", - }, - - { - title: "ABOUT", - path: "/overview/about", - }, - - // { - // title: "Users", - // path: "/overview/users", - // }, - - // { - // title: "Revenue", - // path: "/overview/revenue", - // }, -]; diff --git a/src/components/SidebarItem.tsx b/src/components/SidebarItem.tsx deleted file mode 100644 index d939d0c..0000000 --- a/src/components/SidebarItem.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from "react"; - -export interface SidebarItem { - title: string; - path: string; - icon?: any; - iconOpened?: any; - iconClosed?: any; - subnav?: SidebarItem[]; -} diff --git a/src/components/Submenu.tsx b/src/components/Submenu.tsx deleted file mode 100644 index 8bc64cd..0000000 --- a/src/components/Submenu.tsx +++ /dev/null @@ -1,35 +0,0 @@ -// import { iconButton } from "@material-tailwind/react"; -import { type } from "@testing-library/user-event/dist/type"; -import React from "react"; -import { Link } from "react-router-dom"; -import { SidebarItem } from "./SidebarItem"; -import styled from "styled-components"; - -// import styled from "styled-components"; - -type SidebarLinkProps = { - item: SidebarItem; -}; - -export const SidebarLink = styled(Link)` - display: flex; - justify-content: space-between; - align-items: center; - &:hover { - background-color: green; - } -`; - -// const SidebarLink = ({ item }: SidebarLinkProps) => { -const Submenu = ({ item }: SidebarLinkProps) => { - return ( - <> - -
{item.title}
-
{item?.subnav ? item?.iconClosed : item?.iconOpened}
- - - ); -}; - -export default Submenu; diff --git a/src/components/pages/Createnew.tsx b/src/components/pages/Createnew.tsx deleted file mode 100644 index f2ac385..0000000 --- a/src/components/pages/Createnew.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import React from "react"; - -const Createnew = () => { - return
Createnew
; -}; - -export default Createnew; diff --git a/src/components/pages/Overview.tsx b/src/components/pages/Overview.tsx deleted file mode 100644 index fe6fa9e..0000000 --- a/src/components/pages/Overview.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react"; - -export const Createnew = () => { - return <>; -}; - -export const Mylibrary = () => { - return <>; -}; - -export const About = () => { - return <>; -}; - -// export const Revenue = () => { -// return
Revenue
; -// }; - -// export const Order = () => { -// return
Order
; -// }; diff --git a/src/runtime.js b/src/runtime.js deleted file mode 100644 index 28e3b0c..0000000 --- a/src/runtime.js +++ /dev/null @@ -1,7 +0,0 @@ -'use strict'; - -if (process.env.NODE_ENV === 'production') { - module.exports = require('./cjs/react-refresh-runtime.production.min.js'); -} else { - module.exports = require('./cjs/react-refresh-runtime.development.js'); -}