forked from emre/www_projectmycelium_com
refactor: remove unused imports and add icon null check
- Removed unused ShieldCheckIcon import from NodeProducts - Removed unused Small component import from NodeSpecs - Added conditional rendering for Icon in PodsWhat to prevent errors when icon is undefined
This commit is contained in:
@@ -5,7 +5,6 @@ import { motion } from "framer-motion";
|
|||||||
import { Eyebrow, SectionHeader, P } from "@/components/Texts";
|
import { Eyebrow, SectionHeader, P } from "@/components/Texts";
|
||||||
import {
|
import {
|
||||||
QuestionMarkCircleIcon,
|
QuestionMarkCircleIcon,
|
||||||
ShieldCheckIcon,
|
|
||||||
CheckIcon,
|
CheckIcon,
|
||||||
} from "@heroicons/react/20/solid";
|
} from "@heroicons/react/20/solid";
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { Container } from "@/components/Container";
|
import { Container } from "@/components/Container";
|
||||||
import { Small } from "@/components/Texts";
|
|
||||||
|
|
||||||
// Heroicons
|
// Heroicons
|
||||||
import {
|
import {
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ export function PodsWhat() {
|
|||||||
<>
|
<>
|
||||||
{/* TITLE WITH ICON (matching the TL example) */}
|
{/* TITLE WITH ICON (matching the TL example) */}
|
||||||
<dt className="flex items-center gap-x-3 text-base font-semibold text-white">
|
<dt className="flex items-center gap-x-3 text-base font-semibold text-white">
|
||||||
<Icon className="h-6 w-6 text-cyan-500" aria-hidden="true" />
|
{Icon && <Icon className="h-6 w-6 text-cyan-500" aria-hidden="true" />}
|
||||||
{card.title}
|
{card.title}
|
||||||
</dt>
|
</dt>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user