jeffrey/wwwlayermeshusa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: buttons and links on FDLinkCards, FDQuiz blocks

Browse Source
This commit is contained in:
Jeffrey 2026-03-04 21:06:17 +01:00
parent 38ecfce2eb
commit f9327f8d98
2 changed files with 3 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/blocks/FDLinkCardsBlock/Component.tsx
View File

@ -46,12 +46,6 @@ const colsMap: Record<string, string> = {
'4': 'md:grid-cols-2 lg:grid-cols-4', '4': 'md:grid-cols-2 lg:grid-cols-4',
} }
const ArrowIcon: React.FC<{ className?: string }> = ({ className }) => (
<svg className={className || 'w-4 h-4'} viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="2">
<path d="M3 8h10M9 4l4 4-4 4" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
export const FDLinkCardsBlockComponent: React.FC<Props> = ({ export const FDLinkCardsBlockComponent: React.FC<Props> = ({
icon, icon,
heading, heading,
@ -127,7 +121,6 @@ export const FDLinkCardsBlockComponent: React.FC<Props> = ({
/> />
)} )}
<span>{card.linkLabel}</span> <span>{card.linkLabel}</span>
<ArrowIcon className="w-4 h-4 transition-transform group-hover:translate-x-1" />
</div> </div>
</a> </a>
) )

21
src/blocks/FDQuizBlock/Component.tsx
View File

@ -8,13 +8,6 @@ import { sectionBg, isExplicitDark, headingColor, bodyColor, fdCardRadius } from
type QuizState = 'idle' | 'active' | 'result' type QuizState = 'idle' | 'active' | 'result'
/* ── Icons ── */ /* ── Icons ── */
const QuizIcon: React.FC<{ className?: string }> = ({ className }) => (
<svg className={className || 'w-5 h-5'} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5">
<circle cx="12" cy="12" r="10" />
<path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3" strokeLinecap="round" strokeLinejoin="round" />
<circle cx="12" cy="17" r=".5" fill="currentColor" />
</svg>
)
const ArrowRight: React.FC<{ className?: string }> = ({ className }) => ( const ArrowRight: React.FC<{ className?: string }> = ({ className }) => (
<svg className={className || 'w-4 h-4'} viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="2"> <svg className={className || 'w-4 h-4'} viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="2">
@ -172,18 +165,10 @@ export const FDQuizBlockComponent: React.FC<Props> = ({
{description} {description}
</p> </p>
)} )}
<div className="flex items-center gap-3 mt-2"> <div className="mt-2">
<QuizIcon className={`w-5 h-5 ${dark ? 'text-white/50' : 'text-fd-navy/50 dark:text-white/50'}`} /> <FDButton as="button" onClick={handleStart} onDark={dark}>
<button
onClick={handleStart}
className={`font-joey-medium text-fd-body underline underline-offset-4 transition-colors ${
dark
? 'text-fd-yellow hover:text-fd-yellow/80'
: 'text-fd-navy hover:text-fd-navy/70 dark:text-fd-yellow dark:hover:text-fd-yellow/80'
}`}
>
{triggerLabel} {triggerLabel}
</button> </FDButton>
</div> </div>
</div> </div>
</section> </section>