diff --git a/components/Sidebar/Sidebar.tsx b/components/Sidebar/Sidebar.tsx index c5ad6b064..8d09f52f6 100644 --- a/components/Sidebar/Sidebar.tsx +++ b/components/Sidebar/Sidebar.tsx @@ -1,7 +1,5 @@ import { memo, useRef, FC } from 'react' import { useRouter } from 'next/router' -import Link from 'next/link' - import { Searchbar } from 'components/Searchbar/Searchbar' import Button from 'components/Button' import { SideNavbarCategoryList } from 'components/SideNavbar/SideNavbarCategoryList' @@ -60,7 +58,7 @@ const Sidebar: FC = () => { return (
  • - { {isActive ? activeIcon : inActiveIcon} {label} - +
  • ) }) diff --git a/pages/saved.tsx b/pages/saved.tsx new file mode 100644 index 000000000..c4b1cb315 --- /dev/null +++ b/pages/saved.tsx @@ -0,0 +1,22 @@ +import React from 'react' +import Image from 'next/image' +import { FaArrowRight } from "react-icons/fa"; +import Link from 'next/link'; + +const Saved = () => { + return ( + <> +
    +

    Saved

    +

    Your saved resources, ready when you are.

    +
    +
    + {''} +

    Your collection is empty! Start saving items for later reference.

    + +
    + + ) +} + +export default Saved \ No newline at end of file diff --git a/public/SaveRemove.png b/public/SaveRemove.png new file mode 100644 index 000000000..528f9d410 Binary files /dev/null and b/public/SaveRemove.png differ