diff --git a/images/check_mark_button_color.svg b/images/check_mark_button_color.svg deleted file mode 100644 index 62127b6..0000000 --- a/images/check_mark_button_color.svg +++ /dev/null @@ -1,89 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/file_folder_color.svg b/images/file_folder_color.svg deleted file mode 100644 index ec4991d..0000000 --- a/images/file_folder_color.svg +++ /dev/null @@ -1,60 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/page_facing_up_color.svg b/images/page_facing_up_color.svg deleted file mode 100644 index 7d0673b..0000000 --- a/images/page_facing_up_color.svg +++ /dev/null @@ -1,95 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/pages/home/Nav.tsx b/src/pages/home/Nav.tsx index d39c696..fbc01b0 100644 --- a/src/pages/home/Nav.tsx +++ b/src/pages/home/Nav.tsx @@ -5,16 +5,12 @@ import { BreadcrumbProps, BreadcrumbSeparator, HStack, - Text, } from "@hope-ui/solid" import { Link } from "@solidjs/router" import { createMemo, For, Show } from "solid-js" import { usePath, useRouter, useT } from "~/hooks" -import { getSetting, local, objStore, State } from "~/store" +import { getSetting, local } from "~/store" import { encodePath, hoverColor, joinBase } from "~/utils" -import CheckMarkIcon from "/images/check_mark_button_color.svg" -import FolderIcon from "/images/file_folder_color.svg" -import FileIcon from "/images/page_facing_up_color.svg" export const Nav = () => { const { pathname } = useRouter() @@ -22,87 +18,11 @@ export const Nav = () => { const t = useT() const { setPathAs } = usePath() - const folderInfo = createMemo(() => { - const { dir, file } = objStore.objs.reduce( - (acc, item) => { - if (item.is_dir) { - acc.dir++ - } else { - acc.file++ - } - return acc - }, - { dir: 0, file: 0 }, - ) - - const parts: JSX.Element[] = [] - if (dir) { - parts.push( - - folder - {dir} - , - ) - } - if (file) { - parts.push( - - file - {file} - , - ) - } - - if (parts.length === 0) return null - - return ( - <> - {parts.map((part, index) => ( - <> - {part} - {index < parts.length - 1 && } - - ))} - - ) - }) - const selectInfo = createMemo(() => { - const { selected } = objStore.objs.reduce( - (acc, item) => { - if (item.selected) acc.selected++ - return acc - }, - { selected: 0 }, - ) - - if (!selected) { - return null - } - // return `✅ ${selected} ` - return ( - - check - {selected} - - ) - }) const stickyProps = createMemo(() => { const mask: BreadcrumbProps = { _after: { content: "", - bgColor: "$background", + backgroundColor: "$background", position: "absolute", height: "100%", width: "99vw", @@ -150,7 +70,7 @@ export const Nav = () => { wordBreak: "break-all", }} color="unset" - _hover={{ bgColor: hoverColor(), color: "unset" }} + _hover={{ backgroundColor: hoverColor(), color: "unset" }} _active={{ transform: "scale(.95)", transition: "0.1s" }} cursor="pointer" p="$1" @@ -170,21 +90,6 @@ export const Nav = () => { }} - - - {selectInfo()} - {selectInfo() && } - {folderInfo()} - - ) }