olaven
/
nrss
1
0
Fork 0
Code Issues 6 Pull Requests Packages Projects Releases Wiki Activity

feat: Add Header-component 

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
This commit is contained in:
Tim Hårek Andreassen 2024-03-30 15:51:53 +01:00
parent b20a2a1292
commit e6b299a756
No known key found for this signature in database
GPG Key ID: E59C7734F0E10EB5
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Header.tsx Normal file
View File

@ -0,0 +1,10 @@
export default function Header() {
return (
<div className="text-center">
<h1 className="text-2xl lg:text-3xl font-semibold">
<a href="/">📻 NRSS</a>
</h1>
<h2 className="lg:text-xl">NRK-podcast som RSS</h2>
</div>
);
}

8
routes/index.tsx
View File

@ -1,5 +1,6 @@
import { Head } from "$fresh/runtime.ts"; import { Head } from "$fresh/runtime.ts";
import { Handlers, PageProps } from "$fresh/server.ts"; import { Handlers, PageProps } from "$fresh/server.ts";
import Header from "../components/Header.tsx";
import Search from "../components/Search.tsx"; import Search from "../components/Search.tsx";
import SeriesCard from "../components/SeriesCard.tsx"; import SeriesCard from "../components/SeriesCard.tsx";
import { nrkRadio, SearchResultList } from "../lib/nrk.ts"; import { nrkRadio, SearchResultList } from "../lib/nrk.ts";
@ -29,12 +30,7 @@ export default function Home({ data }: PageProps<HandlerData>) {
<title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title> <title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title>
</Head> </Head>
<div className="p-4 mx-auto max-w-screen-md"> <div className="p-4 mx-auto max-w-screen-md">
<div className="text-center"> <Header />
<h1 className="text-2xl lg:text-3xl font-semibold">
<a href="/">📻 NRSS</a>
</h1>
<h2 className="lg:text-xl">NRK-podcast som RSS</h2>
</div>
<Search defaultValue={data.query} /> <Search defaultValue={data.query} />
{data.result {data.result
? ( ? (