feat: add layout state and setter to user preferences

Author: medyo

src/stores/preferences.ts

@@ -7,6 +7,7 @@ import { StateStorage, createJSONStorage, persist } from 'zustand/middleware'
 import {
   CardSettingsType,
   DNDDuration,
+  Layout,
   ListingMode,
   SearchEngineType,
   SelectedCard,
@@ -16,6 +17,7 @@ import {
 
 export type UserPreferencesState = {
   userSelectedTags: Tag[]
+  layout: Layout
   theme: Theme
   openLinksNewTab: boolean
   onboardingCompleted: boolean
@@ -33,6 +35,7 @@ export type UserPreferencesState = {
 }
 
 type UserPreferencesStoreActions = {
+  setLayout: (layout: Layout) => void
   setTheme: (theme: Theme) => void
   setPromptEngine: (engine: string) => void
   setOpenLinksNewTab: (openLinksNewTab: boolean) => void
@@ -124,6 +127,7 @@ export const useUserPreferences = create(
           freecodecampValues: ['javascript'],
         },
       ],
+      layout: 'cards',
       cardsSettings: {},
       maxVisibleCards: 4,
       theme: 'dark',
@@ -143,6 +147,7 @@ export const useUserPreferences = create(
       userCustomCards: [],
       DNDDuration: 'never',
       advStatus: false,
+      setLayout: (layout) => set({ layout: layout }),
       setPromptEngine: (promptEngine: string) => set({ promptEngine: promptEngine }),
       setListingMode: (listingMode: ListingMode) => set({ listingMode: listingMode }),
       setTheme: (theme: Theme) => set({ theme: theme }),

src/types/index.ts

@@ -24,6 +24,7 @@ export type SearchEngine = {
   className?: string
 }
 
+export type Layout = 'grid' | 'cards'
 export type Theme = 'dark' | 'light'
 export type ListingMode = 'normal' | 'compact'
 
@@ -49,6 +50,16 @@ export type Article = BaseEntry & {
   flair_text_color?: string
 }
 
+export type FeedItem = BaseEntry & {
+  date: Date
+  image: string
+  type: 'post' | 'github'
+  source: string
+  stars?: number
+  forks?: number
+  description?: string
+}
+
 export type Repository = BaseEntry & {
   programmingLanguage: string
   stars: number