chris/streamarr
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

starting fresh

Browse source
This commit is contained in:
Chris Kruining 2025-03-31 00:34:55 +02:00
parent 85fa9aff4a
commit 3a762d2343
Signed by: chris
SSH key fingerprint: SHA256:nG82MUfuVdRVyCKKWqhY+pCrbz9nbX6uzUns4RKa1Pg
111 changed files with 1939 additions and 2961 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/features/overview/overview.tsx
View file

@ -1,10 +1,9 @@
import { ParentComponent, Index, mergeProps, Component } from 'solid-js';
import { Hero } from '~/common/components/hero';
import { List } from '~/common/components/list';
import { emptyEntry } from '../content';
import type { Entry, Category } from '../content';
import { ListItem } from './list-item';
import { css } from 'styled-system/css';
import { Component, Index } from "solid-js";
import type { Entry, Category } from "../content";
import { ListItem } from "./list-item";
import { List } from "~/components/list";
import { Hero } from "~/components/hero";
import css from "./overview.module.css";
type OverviewProps = {
highlight: Entry;
@ -12,19 +11,11 @@ type OverviewProps = {
};
export function Overview(props: OverviewProps) {
const finalProps = mergeProps(
{
highlight: emptyEntry,
categories: [],
},
props,
);
return (
<div class={container}>
<Hero entry={finalProps.highlight}></Hero>
<div class={css.container}>
<Hero entry={props.highlight}></Hero>
<Index each={finalProps.categories}>
<Index each={props.categories}>
{(category) => (
<List label={category().label} items={category().entries}>
{(entry) => <ListItem entry={entry()} />}
@ -34,5 +25,3 @@ export function Overview(props: OverviewProps) {
</div>
);
}
const container = css({ display: 'grid', gridAutoFlow: 'row', gap: '2em' });