From 1514aa4f4fd87c71b26ac0fb59e987acff4f12de Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Tue, 20 Feb 2024 17:25:52 +0800 Subject: [PATCH] Pull shortcuts from local storage --- .../templates/navMenu/LibraryMenu.tsx | 107 ++++++++++-------- 1 file changed, 57 insertions(+), 50 deletions(-) diff --git a/packages/web/components/templates/navMenu/LibraryMenu.tsx b/packages/web/components/templates/navMenu/LibraryMenu.tsx index fa4d47375..e82bda863 100644 --- a/packages/web/components/templates/navMenu/LibraryMenu.tsx +++ b/packages/web/components/templates/navMenu/LibraryMenu.tsx @@ -226,56 +226,62 @@ const LibraryNav = (props: LibraryFilterMenuProps): JSX.Element => { const Shortcuts = (props: LibraryFilterMenuProps): JSX.Element => { const router = useRouter() - const shortcuts: Shortcut[] = [ - { - id: '12asdfasdf', - name: 'Omnivore Blog', - icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', - filter: 'subscription:"Money Talk"', - type: 'feed', - }, - { - id: 'sdfsdfgdsfg', - name: 'Follow the Money | Arne & Harr', - filter: 'subscription:"Money Talk"', - type: 'feed', - }, - { - id: 'sdfasdfasdfsdfsdfsgasdfg', - name: 'Andrew Kenneson from Center for the Study of Partisanship and Ideology', - // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', - filter: 'in:all label:"Hockey"', - type: 'newsletter', - }, - { - id: 'sdfasdfasdfsdfsdfsgasdfg', - name: 'Robert的博客', - // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', - filter: 'in:all label:"Hockey"', - type: 'feed', - }, - { - id: 'sdfasdfasdfasdfasf', - name: 'Oldest First', - // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', - filter: 'in:all label:"Hockey"', - type: 'search', - }, - { - id: 'sdfasdfasdfgasdfg', - name: 'Hockey', - // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', - filter: 'in:all label:"Hockey"', - type: 'label', - label: { - id: 'sdfsdfsdf', - name: 'Hockey', - color: '#E98B8B', - createdAt: new Date(), - }, - }, - ] - const selected = false + const [shortcuts] = usePersistedState({ + key: 'shortcuts', + isSessionStorage: false, + initialValue: [], + }) + + // const shortcuts: Shortcut[] = [ + // { + // id: '12asdfasdf', + // name: 'Omnivore Blog', + // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', + // filter: 'subscription:"Money Talk"', + // type: 'feed', + // }, + // { + // id: 'sdfsdfgdsfg', + // name: 'Follow the Money | Arne & Harr', + // filter: 'subscription:"Money Talk"', + // type: 'feed', + // }, + // { + // id: 'sdfasdfasdfsdfsdfsgasdfg', + // name: 'Andrew Kenneson from Center for the Study of Partisanship and Ideology', + // // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', + // filter: 'in:all label:"Hockey"', + // type: 'newsletter', + // }, + // { + // id: 'sdfasdfasdfsdfsdfsgasdfg', + // name: 'Robert的博客', + // // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', + // filter: 'in:all label:"Hockey"', + // type: 'feed', + // }, + // { + // id: 'sdfasdfasdfasdfasf', + // name: 'Oldest First', + // // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', + // filter: 'in:all label:"Hockey"', + // type: 'search', + // }, + // { + // id: 'sdfasdfasdfgasdfg', + // name: 'Hockey', + // // icon: 'https://substackcdn.com/image/fetch/w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F052c15c4-ecfd-4d32-87db-13bcac9afad5_512x512.png', + // filter: 'in:all label:"Hockey"', + // type: 'label', + // label: { + // id: 'sdfsdfsdf', + // name: 'Hockey', + // color: '#E98B8B', + // createdAt: new Date(), + // }, + // }, + // ] + // return ( { {shortcuts.map((shortcut) => { + const selected = props.searchTerm === shortcut.filter return (