9d8ae3d32a
- Intégration du code source du framework dans radar-app/ (vendoring) - Suppression de la dépendance npm aoe_technology_radar - Création de scripts build-radar.js et serve-radar.js pour remplacer le CLI techradar - Adaptation de tous les scripts et Docker pour utiliser radar-app/ au lieu de .techradar - Refactorisation complète de Dockerfile.business - Mise à jour de la documentation (architecture, déploiement, développement) - Mise à jour de .gitignore pour ignorer les artefacts de build de radar-app/ - Ajout de postcss dans les dépendances Docker pour le build Next.js Le projet est maintenant complètement indépendant du package externe. Co-authored-by: Cursor <cursoragent@cursor.com>
37 lines
970 B
TypeScript
37 lines
970 B
TypeScript
import Link from "next/link";
|
|
import { CSSProperties, useMemo } from "react";
|
|
|
|
import styles from "./Label.module.css";
|
|
|
|
import { QuadrantLink } from "@/components/QuadrantLink/QuadrantLink";
|
|
import { getLabel } from "@/lib/data";
|
|
import { Quadrant } from "@/lib/types";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface LabelProps {
|
|
quadrant: Quadrant;
|
|
}
|
|
|
|
export function Label({ quadrant }: LabelProps) {
|
|
const style = useMemo(
|
|
() => ({ "--quadrant-color": quadrant.color }) as CSSProperties,
|
|
[quadrant.color],
|
|
);
|
|
|
|
return (
|
|
<div
|
|
className={cn(styles.label, styles[`position-${quadrant.position}`])}
|
|
style={style}
|
|
>
|
|
<div className={styles.header}>
|
|
<span>
|
|
{getLabel("quadrant")} {quadrant.position}
|
|
</span>
|
|
<QuadrantLink quadrant={quadrant} />
|
|
</div>
|
|
<h3 className={styles.title}>{quadrant.title}</h3>
|
|
<p className={styles.description}>{quadrant.description}</p>
|
|
</div>
|
|
);
|
|
}
|