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

38
app/components/Snippet.tsx
View File

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