diff --git a/packages/web/components/templates/Menu.tsx b/packages/web/components/templates/Menu.tsx index 971c347d4..c45ad8d4e 100644 --- a/packages/web/components/templates/Menu.tsx +++ b/packages/web/components/templates/Menu.tsx @@ -1,12 +1,23 @@ import Link from 'next/link' -import React, { ReactNode } from 'react' - -import { ProSidebar, Menu, MenuItem, SubMenu } from 'react-pro-sidebar' -import 'react-pro-sidebar/dist/css/styles.css' +import React from 'react' import { styled } from '../tokens/stitches.config' -//import { useRouter } from 'next/router' -//const timeZoneHourDiff = -new Date().getTimezoneOffset() / 60 +import { ProSidebar, Menu, MenuItem } from 'react-pro-sidebar' +import 'react-pro-sidebar/dist/css/styles.css' + + +const calculateTodayMenuItem = () => { + const timeZoneHourDiff = -new Date().getTimezoneOffset() / 60 + + const hrefStr = `/home?q=in%3Ainbox+saved%3A${ + new Date(new Date().getTime() - 24 * 3600000).toISOString().split('T')[0] + }Z${timeZoneHourDiff.toLocaleString('en-US', { + signDisplay: 'always', + })}Z%2B..*` + + console.log(hrefStr) + return hrefStr +} export const Menubar = () => { return ( { - + Today diff --git a/packages/web/stories/Menu.stories.tsx b/packages/web/stories/Menu.stories.tsx index 2677d18f3..cf488b9c8 100644 --- a/packages/web/stories/Menu.stories.tsx +++ b/packages/web/stories/Menu.stories.tsx @@ -6,17 +6,6 @@ import { Menubar } from '../components/templates/Menu' export default { title: 'Components/Menu', component: Menubar, - argTypes: { - item: { - description: 'Menu Item', - }, - action: { - description: 'Action that fires on click.', - }, - url: { - description: 'going to a specific link', - }, - }, } as ComponentMeta const Template: ComponentStory = () => ( @@ -24,6 +13,4 @@ const Template: ComponentStory = () => ( ) export const MenuStory = Template.bind({}) -MenuStory.args = { - items: ['Home', ], -} +