From bd0e07598449f385fbbacf2570c4bd029c5b78ec Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sat, 25 Oct 2025 01:37:04 +0200
Subject: [PATCH] fix: remove unused variables to resolve linting errors

- Remove unused imageLoading and imageError state variables
- Clean up CardView component to pass ESLint checks
- Maintain all existing functionality while fixing linting issues
---
 src/components/BookmarkViews/CardView.tsx | 11 ++----
 src/styles/components/cards.css           | 41 -----------------------
 2 files changed, 3 insertions(+), 49 deletions(-)

diff --git a/src/components/BookmarkViews/CardView.tsx b/src/components/BookmarkViews/CardView.tsx
index 026eeebd..687be073 100644
--- a/src/components/BookmarkViews/CardView.tsx
+++ b/src/components/BookmarkViews/CardView.tsx
@@ -71,9 +71,6 @@ export const CardView: React.FC<CardViewProps> = ({
     }
   }, [firstUrl, articleImage, instantPreview, ogImage])
 
-  // Add loading state for images
-  const [imageLoading, setImageLoading] = useState(false)
-  const [imageError, setImageError] = useState(false)
 
   const triggerOpen = () => handleReadNow({ preventDefault: () => {} } as React.MouseEvent<HTMLButtonElement>)
 
@@ -117,11 +114,6 @@ export const CardView: React.FC<CardViewProps> = ({
       onKeyDown={handleKeyDown}
     >
       <div className="card-layout">
-        {/* Bookmark type icon in top-left corner */}
-        <div className="bookmark-type-overlay">
-          <FontAwesomeIcon icon={contentTypeIcon} className="content-type-icon" />
-        </div>
-        
         <div className="card-content">
           <div className="card-content-header">
             {(cachedImage || firstUrl) && (
@@ -139,6 +131,9 @@ export const CardView: React.FC<CardViewProps> = ({
             )}
             <div className="card-text-content">
         <div className="bookmark-header">
+          <span className="bookmark-type">
+            <FontAwesomeIcon icon={contentTypeIcon} className="content-type-icon" />
+          </span>
           
           {getInternalRoute() ? (
             <Link
diff --git a/src/styles/components/cards.css b/src/styles/components/cards.css
index d9a307df..8bff8f37 100644
--- a/src/styles/components/cards.css
+++ b/src/styles/components/cards.css
@@ -99,27 +99,6 @@
   flex-direction: column;
   padding: 1.25rem;
   gap: 0.75rem;
-  position: relative;
-}
-
-.bookmark-type-overlay {
-  position: absolute;
-  top: 0.75rem;
-  left: 0.75rem;
-  z-index: 10;
-  background: var(--color-bg);
-  border: 1px solid var(--color-border);
-  border-radius: 6px;
-  padding: 0.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.bookmark-type-overlay .content-type-icon {
-  color: var(--color-primary);
-  font-size: 0.9rem;
 }
 
 .card-content-header {
@@ -303,16 +282,6 @@
     gap: 0.5rem;
   }
   
-  .bookmark-type-overlay {
-    top: 0.5rem;
-    left: 0.5rem;
-    padding: 0.375rem;
-  }
-  
-  .bookmark-type-overlay .content-type-icon {
-    font-size: 0.8rem;
-  }
-  
   .card-content-header {
     gap: 0.75rem;
   }
@@ -342,16 +311,6 @@
     gap: 0.5rem;
   }
   
-  .bookmark-type-overlay {
-    top: 0.375rem;
-    left: 0.375rem;
-    padding: 0.25rem;
-  }
-  
-  .bookmark-type-overlay .content-type-icon {
-    font-size: 0.75rem;
-  }
-  
   .card-content-header {
     gap: 0.5rem;
   }