diff --git a/src/components/Me.tsx b/src/components/Me.tsx index c1af4ab6..3445b4ad 100644 --- a/src/components/Me.tsx +++ b/src/components/Me.tsx @@ -1,6 +1,6 @@ import React, { useState, useEffect, useMemo } from 'react' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faHighlighter, faBookmark, faList, faThLarge, faImage, faPenToSquare, faLink, faLayerGroup, faBars } from '@fortawesome/free-solid-svg-icons' +import { faHighlighter, faBookmark, faPenToSquare, faLink, faLayerGroup, faBars } from '@fortawesome/free-solid-svg-icons' import { Hooks } from 'applesauce-react' import { IEventStore, Helpers } from 'applesauce-core' import { BlogPostSkeleton, HighlightSkeleton, BookmarkSkeleton } from './Skeletons' @@ -21,7 +21,6 @@ import AuthorCard from './AuthorCard' import BlogPostCard from './BlogPostCard' import { BookmarkItem } from './BookmarkItem' import IconButton from './IconButton' -import { ViewMode } from './Bookmarks' import { getCachedMeData, updateCachedHighlights } from '../services/meCache' import { faBooks } from '../icons/customIcons' import { usePullToRefresh } from 'use-pull-to-refresh' @@ -109,7 +108,6 @@ const Me: React.FC = ({ toBlogPostPreview, [viewingPubkey, isOwnProfile] ) - const [viewMode, setViewMode] = useState('cards') const [refreshTrigger, setRefreshTrigger] = useState(0) const [bookmarkFilter, setBookmarkFilter] = useState('all') const [groupingMode, setGroupingMode] = useState<'grouped' | 'flat'>(() => { @@ -567,9 +565,9 @@ const Me: React.FC = ({ if (showSkeletons) { return (
-
+
{Array.from({ length: 6 }).map((_, i) => ( - + ))}
@@ -595,13 +593,13 @@ const Me: React.FC = ({ sections.filter(s => s.items.length > 0).map(section => (

{section.title}

-
+
{section.items.map((individualBookmark, index) => ( ))} @@ -623,27 +621,6 @@ const Me: React.FC = ({ ariaLabel={groupingMode === 'grouped' ? 'Switch to flat view' : 'Switch to grouped view'} variant="ghost" /> - setViewMode('compact')} - title="Compact list view" - ariaLabel="Compact list view" - variant={viewMode === 'compact' ? 'primary' : 'ghost'} - /> - setViewMode('cards')} - title="Cards view" - ariaLabel="Cards view" - variant={viewMode === 'cards' ? 'primary' : 'ghost'} - /> - setViewMode('large')} - title="Large preview view" - ariaLabel="Large preview view" - variant={viewMode === 'large' ? 'primary' : 'ghost'} - />
)