GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update Snippet component to use For loop for rendering snippets

Browse Source
This commit is contained in:
Gauthier Daniels 2025-04-22 14:19:25 +02:00
parent 51771c4871
commit 32ee8dd628
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/components/Snippet.tsx
View File

@ -131,25 +131,25 @@ export function Snippet(props: SnippetProps) {
</div>
</nav>
{selectedTab() && (
<div class="mt-6">
{selectedTab().code && (
<For each={props.snippets}>
{(tab) => (
<div class={clsx("mt-6", isActive(tab) ? "block" : "hidden")}>
{tab.code && (
<Highlight
class={clsx(
"!pt-0 !px-1 max-h-96 overflow-auto mb-2",
props.dark && "dark text-white",
)}
language={(selectedTab() as SnippetTab).codeLanguage}
withLineNumbers={(selectedTab() as SnippetTab).withLineNumbers}
language={tab.codeLanguage}
withLineNumbers={tab.withLineNumbers}
>
{(selectedTab() as SnippetTab).code}
{tab.code}
</Highlight>
)}
{!selectedTab().code && (
<div class="pb-1">{(selectedTab() as CommonTab).children}</div>
)}
{!tab.code && <div class="pb-1">{tab.children}</div>}
</div>
)}
</For>
</div>
</div>
);