threshold ? '-translate-y-[calc(100%+12rem)]' : ''
)}
>
- {tabs.map((tab) => (
-
{
- onTabChange?.(tab.value)
- }}
- >
- {t(tab.label)}
+
+
+ {tabs.map((tab, index) => (
+
(tabRefs.current[index] = el)}
+ className={cn(
+ `w-fit text-center py-2 px-6 my-1 font-semibold clickable cursor-pointer rounded-lg`,
+ value === tab.value ? '' : 'text-muted-foreground'
+ )}
+ onClick={() => {
+ onTabChange?.(tab.value)
+ }}
+ >
+ {t(tab.label)}
+
+ ))}
+
= 0 ? activeIndex * (100 / tabs.length) : 0}%`
- }}
- >
-
-
+ {options &&
{options}
}
)
}
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 00000000..2a37e3d8
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,26 @@
+import * as React from 'react'
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
+import { Check } from 'lucide-react'
+
+import { cn } from '@/lib/utils'
+
+const Checkbox = React.forwardRef<
+ React.ElementRef
,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+
+
+
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 37cd1f53..ee8abd12 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -96,7 +96,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
(() => storage.getNoteListMode())
const noteListRef = useRef(null)
const [subRequests, setSubRequests] = useState([])
@@ -78,9 +82,12 @@ export default function ProfileFeed({
const handleListModeChange = (mode: TNoteListMode) => {
setListMode(mode)
- setTimeout(() => {
- noteListRef.current?.scrollToTop()
- }, 0)
+ noteListRef.current?.scrollToTop('smooth')
+ }
+
+ const handleShowKindsChange = (newShowKinds: number[]) => {
+ setTemporaryShowKinds(newShowKinds)
+ noteListRef.current?.scrollToTop()
}
return (
@@ -92,8 +99,16 @@ export default function ProfileFeed({
handleListModeChange(listMode as TNoteListMode)
}}
threshold={Math.max(800, topSpace)}
+ options={
+
+ }
+ />
+
-
)
}
diff --git a/src/providers/KindFilterProvider.tsx b/src/providers/KindFilterProvider.tsx
new file mode 100644
index 00000000..09867a40
--- /dev/null
+++ b/src/providers/KindFilterProvider.tsx
@@ -0,0 +1,32 @@
+import { createContext, useContext, useState } from 'react'
+import storage from '@/services/local-storage.service'
+
+type TKindFilterContext = {
+ showKinds: number[]
+ updateShowKinds: (kinds: number[]) => void
+}
+
+const KindFilterContext = createContext(undefined)
+
+export const useKindFilter = () => {
+ const context = useContext(KindFilterContext)
+ if (!context) {
+ throw new Error('useKindFilter must be used within a KindFilterProvider')
+ }
+ return context
+}
+
+export function KindFilterProvider({ children }: { children: React.ReactNode }) {
+ const [showKinds, setShowKinds] = useState(storage.getShowKinds())
+
+ const updateShowKinds = (kinds: number[]) => {
+ storage.setShowKinds(kinds)
+ setShowKinds(kinds)
+ }
+
+ return (
+
+ {children}
+
+ )
+}
diff --git a/src/services/local-storage.service.ts b/src/services/local-storage.service.ts
index e718d844..a0429703 100644
--- a/src/services/local-storage.service.ts
+++ b/src/services/local-storage.service.ts
@@ -1,4 +1,4 @@
-import { DEFAULT_NIP_96_SERVICE, StorageKey } from '@/constants'
+import { DEFAULT_NIP_96_SERVICE, DEFAULT_SHOW_KINDS, StorageKey } from '@/constants'
import { isSameAccount } from '@/lib/account'
import { randomString } from '@/lib/random'
import {
@@ -34,6 +34,7 @@ class LocalStorageService {
private mediaUploadServiceConfigMap: Record = {}
private defaultShowNsfw: boolean = false
private dismissedTooManyRelaysAlert: boolean = false
+ private showKinds: number[] = []
constructor() {
if (!LocalStorageService.instance) {
@@ -140,6 +141,9 @@ class LocalStorageService {
this.dismissedTooManyRelaysAlert =
window.localStorage.getItem(StorageKey.DISMISSED_TOO_MANY_RELAYS_ALERT) === 'true'
+ const showKindsStr = window.localStorage.getItem(StorageKey.SHOW_KINDS)
+ this.showKinds = showKindsStr ? JSON.parse(showKindsStr) : DEFAULT_SHOW_KINDS
+
// Clean up deprecated data
window.localStorage.removeItem(StorageKey.ACCOUNT_PROFILE_EVENT_MAP)
window.localStorage.removeItem(StorageKey.ACCOUNT_FOLLOW_LIST_EVENT_MAP)
@@ -372,6 +376,15 @@ class LocalStorageService {
this.dismissedTooManyRelaysAlert = dismissed
window.localStorage.setItem(StorageKey.DISMISSED_TOO_MANY_RELAYS_ALERT, dismissed.toString())
}
+
+ getShowKinds() {
+ return this.showKinds
+ }
+
+ setShowKinds(kinds: number[]) {
+ this.showKinds = kinds
+ window.localStorage.setItem(StorageKey.SHOW_KINDS, JSON.stringify(kinds))
+ }
}
const instance = new LocalStorageService()