LumeWeb
/
web3.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: create proper article links

This commit is contained in:
Derrick Hammer 2023-12-24 11:43:41 -05:00
parent 6d6f684b47
commit d3b9cadb54
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/Feed.tsx
View File

@ -4,7 +4,7 @@ import { formatDate } from "@/utils";
import * as ScrollArea from "@radix-ui/react-scroll-area"; import * as ScrollArea from "@radix-ui/react-scroll-area";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Article } from "@/lib/prisma"; import { Article } from "@/lib/prisma";
import { useFetcher } from "@remix-run/react"; import { Link, useFetcher } from "@remix-run/react";
const Feed = ({ const Feed = ({
className, className,
@ -112,7 +112,7 @@ const Feed = ({
{formatDate(item.createdAt)} {formatDate(item.createdAt)}
</span> </span>
<p className="inline-block text-white w-[25ch] flex-auto"> <p className="inline-block text-white w-[25ch] flex-auto">
{item.title} <Link to={`/article/${item.cid}`}>{item.title}</Link>
</p> </p>
</article> </article>
); );

5
app/routes/search.tsx
View File

@ -55,7 +55,10 @@ const Page = () => {
<span className="text-sm text-gray-400"> <span className="text-sm text-gray-400">
{formatDate(item.timestamp)} {formatDate(item.timestamp)}
</span> </span>
<h3 className="text-md font-semibold text-white">{item.title}</h3> <h3 className="text-md font-semibold text-white">
{" "}
<Link to={`/article/${item.cid}`}>{item.title}</Link>
</h3>
</Link> </Link>
))} ))}
<Link to={`/search?q=${encodeURIComponent(query)}`}> <Link to={`/search?q=${encodeURIComponent(query)}`}>

1
app/types.d.ts vendored
View File

@ -4,6 +4,7 @@ export type SearchResult = {
title: string; title: string;
description: string; description: string;
slug: string; slug: string;
cid: string;
}; };
export type SelectOptions = { export type SelectOptions = {