CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix icon card component and tests to pass

Browse Source
This commit is contained in:
adilallo
2026-02-02 14:55:49 -07:00
parent e227e0c658
commit 4ab37afaf3
4 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components-preview/page.tsx
+3 -1
View File
@@ -436,7 +436,9 @@ export default function ComponentsPreview() {
} }
title="Worker's cooperatives" 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." 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>
</div> </div>
app/components/IconCard/IconCard.view.tsx
+4 -4
View File
@@ -24,10 +24,10 @@ export function IconCardView({
{icon} {icon}
</div> </div>
{/* Title - Centered with auto space above and below */} {/* 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"> <h3 className="font-inter font-normal text-[32px] leading-[36px] text-[var(--color-content-default-primary)] w-full">
{title} {title}
</h3> </h3>
{/* Description */} {/* Description */}
<p className="font-inter font-medium text-[10px] leading-[14px] uppercase text-[var(--color-content-default-primary)] w-full"> <p className="font-inter font-medium text-[10px] leading-[14px] uppercase text-[var(--color-content-default-primary)] w-full">
app/components/InputWithCounter/InputWithCounter.types.ts
-2
View File
@@ -1,4 +1,3 @@
/* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */
export interface InputWithCounterProps { export interface InputWithCounterProps {
label?: string; label?: string;
placeholder?: string; placeholder?: string;
@@ -9,4 +8,3 @@ export interface InputWithCounterProps {
className?: string; className?: string;
inputClassName?: string; inputClassName?: string;
} }
/* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */
tests/components/IconCard.test.tsx
+2 -1
View File
@@ -13,7 +13,8 @@ type IconCardProps = React.ComponentProps<typeof IconCard>;
const baseProps: IconCardProps = { const baseProps: IconCardProps = {
icon: <div data-testid="test-icon">Icon</div>, icon: <div data-testid="test-icon">Icon</div>,
title: "Worker's cooperatives", 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> = { const config: ComponentTestSuiteConfig<IconCardProps> = {