From 4ab37afaf391f9d0a194921bb9f6fdf93bae31ef Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Mon, 2 Feb 2026 14:55:49 -0700
Subject: [PATCH] Fix icon card component and tests to pass

---
 app/components-preview/page.tsx                           | 4 +++-
 app/components/IconCard/IconCard.view.tsx                 | 8 ++++----
 app/components/InputWithCounter/InputWithCounter.types.ts | 2 --
 tests/components/IconCard.test.tsx                        | 3 ++-
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/components-preview/page.tsx b/app/components-preview/page.tsx
index 633710d..ac3f7ae 100644
--- a/app/components-preview/page.tsx
+++ b/app/components-preview/page.tsx
@@ -436,7 +436,9 @@ export default function ComponentsPreview() {
                 }
                 title="Worker's cooperatives"
                 description="Employee-owned businesses often need to clarify how power is shared, decisions are made, and how processes operate within their organizations."
-                onClick={() => console.log("IconCard clicked")}
+                onClick={() => {
+                  // IconCard clicked handler
+                }}
               />
             </div>
           </div>
diff --git a/app/components/IconCard/IconCard.view.tsx b/app/components/IconCard/IconCard.view.tsx
index d911e72..c4b462a 100644
--- a/app/components/IconCard/IconCard.view.tsx
+++ b/app/components/IconCard/IconCard.view.tsx
@@ -24,10 +24,10 @@ export function IconCardView({
         {icon}
       </div>
 
-        {/* Title - Centered with auto space above and below */}
-        <h3 className="font-inter font-normal text-[32px] leading-[36px] text-[var(--color-content-default-primary)] w-full">
-          {title}
-        </h3>
+      {/* Title - Centered with auto space above and below */}
+      <h3 className="font-inter font-normal text-[32px] leading-[36px] text-[var(--color-content-default-primary)] w-full">
+        {title}
+      </h3>
 
       {/* Description */}
       <p className="font-inter font-medium text-[10px] leading-[14px] uppercase text-[var(--color-content-default-primary)] w-full">
diff --git a/app/components/InputWithCounter/InputWithCounter.types.ts b/app/components/InputWithCounter/InputWithCounter.types.ts
index ec6d43c..c04ee47 100644
--- a/app/components/InputWithCounter/InputWithCounter.types.ts
+++ b/app/components/InputWithCounter/InputWithCounter.types.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */
 export interface InputWithCounterProps {
   label?: string;
   placeholder?: string;
@@ -9,4 +8,3 @@ export interface InputWithCounterProps {
   className?: string;
   inputClassName?: string;
 }
-/* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */
\ No newline at end of file
diff --git a/tests/components/IconCard.test.tsx b/tests/components/IconCard.test.tsx
index 18ff92f..5b050a8 100644
--- a/tests/components/IconCard.test.tsx
+++ b/tests/components/IconCard.test.tsx
@@ -13,7 +13,8 @@ type IconCardProps = React.ComponentProps<typeof IconCard>;
 const baseProps: IconCardProps = {
   icon: <div data-testid="test-icon">Icon</div>,
   title: "Worker's cooperatives",
-  description: "Employee-owned businesses often need to clarify how power is shared",
+  description:
+    "Employee-owned businesses often need to clarify how power is shared",
 };
 
 const config: ComponentTestSuiteConfig<IconCardProps> = {