mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-07-24 17:03:55 +10:00
Amruth Pillai
6e7fc68068
- Add `import type * as React from "react"` to the 26 previews that reference `React.CSSProperties` under the automatic JSX runtime (React isn't a global type namespace there, so the annotation was unresolved standalone). - Accordion preview: use `multiple` instead of `openMultiple` — @base-ui/react 1.6 renamed the prop, so the multi-open cell wasn't actually multi-open. Skipped CodeRabbit's BrandIcon dark-mode note: the preview renders in the default light card (the dark <img> is hidden there); per-theme sources would need component support it doesn't expose. Claude-Session: https://claude.ai/code/session_01R8Aq8F1nTuvJwfut7g3DVE
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import type * as React from "react";
|
|
import { ScrollArea } from "@reactive-resume/ui/components/scroll-area";
|
|
|
|
const templates = [
|
|
{ name: "Azurill", tag: "Minimal" },
|
|
{ name: "Bronzor", tag: "Classic" },
|
|
{ name: "Chikorita", tag: "Modern" },
|
|
{ name: "Ditto", tag: "Compact" },
|
|
{ name: "Gengar", tag: "Bold" },
|
|
{ name: "Glalie", tag: "Elegant" },
|
|
{ name: "Kakuna", tag: "Timeless" },
|
|
{ name: "Leafish", tag: "Creative" },
|
|
{ name: "Nosepass", tag: "Formal" },
|
|
{ name: "Onyx", tag: "Technical" },
|
|
{ name: "Pikachu", tag: "Friendly" },
|
|
{ name: "Rhyhorn", tag: "Corporate" },
|
|
];
|
|
|
|
const rowStyle: React.CSSProperties = {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
padding: "10px 14px",
|
|
borderBottom: "1px solid var(--border)",
|
|
fontSize: 14,
|
|
};
|
|
|
|
export const TemplateList = () => (
|
|
<ScrollArea style={{ height: 240, width: 320, border: "1px solid var(--border)", borderRadius: 8 }}>
|
|
<div style={{ padding: 4 }}>
|
|
{templates.map((template) => (
|
|
<div key={template.name} style={rowStyle}>
|
|
<span style={{ fontWeight: 500 }}>{template.name}</span>
|
|
<span style={{ color: "var(--muted-foreground)", fontSize: 12 }}>{template.tag}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</ScrollArea>
|
|
);
|