pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

article page image

Browse Source
This commit is contained in:
zmeyer44 2023-10-16 08:35:53 -04:00
parent db95bbbe6d
commit d98fad2844
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/LongForm/index.tsx
View File

@ -44,7 +44,7 @@ export default function Markdown({ content }: MarkdoneProps) {
); );
} }
return ( return (
<div className="pt-10"> <div className="pt-5">
<BlockNoteView <BlockNoteView
editor={editor} editor={editor}
theme={resolvedTheme === "dark" ? "dark" : "light"} theme={resolvedTheme === "dark" ? "dark" : "light"}

19
containers/Article/index.tsx
View File

@ -1,6 +1,7 @@
"use client"; "use client";
import dynamic from "next/dynamic";
import { useMemo } from "react"; import { useMemo } from "react";
import dynamic from "next/dynamic";
import Image from "next/image";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { RiCloseFill } from "react-icons/ri"; import { RiCloseFill } from "react-icons/ri";
import { Avatar, AvatarImage, AvatarFallback } from "@radix-ui/react-avatar"; import { Avatar, AvatarImage, AvatarFallback } from "@radix-ui/react-avatar";
@ -12,7 +13,6 @@ import { getTagAllValues, getTagValues } from "@/lib/nostr/utils";
import useProfile from "@/lib/hooks/useProfile"; import useProfile from "@/lib/hooks/useProfile";
import { nip19 } from "nostr-tools"; import { nip19 } from "nostr-tools";
import { getNameToShow, getTwoLetters } from "@/lib/utils"; import { getNameToShow, getTwoLetters } from "@/lib/utils";
type ArticleProps = { type ArticleProps = {
event: NDKEvent; event: NDKEvent;
}; };
@ -34,6 +34,7 @@ export default function ArticlePage({ event }: ArticleProps) {
const title = getTagValues("title", event.tags); const title = getTagValues("title", event.tags);
const summary = getTagValues("summary", event.tags); const summary = getTagValues("summary", event.tags);
const tags = getTagAllValues("t", event.tags); const tags = getTagAllValues("t", event.tags);
const image = getTagValues("image", event.tags);
return ( return (
<div className="relative @container"> <div className="relative @container">
@ -85,12 +86,24 @@ export default function ArticlePage({ event }: ArticleProps) {
</div> </div>
</div> </div>
<h1 className="">{title}</h1> <h1 className="">{title}</h1>
<div className="mb-3 flex items-center justify-end"> <div className="mb-5 flex items-center justify-end">
<Actions /> <Actions />
</div> </div>
<div className="rounded-r-lg border-l-[4px] border-primary bg-muted p-4"> <div className="rounded-r-lg border-l-[4px] border-primary bg-muted p-4">
<p className="m-0">{summary} </p> <p className="m-0">{summary} </p>
</div> </div>
{image && (
<div className="max-h-[400px] w-full">
<Image
src={image}
alt="article banner image"
height="288"
width="288"
unoptimized
className="mb-0 mt-5 max-h-[400px] w-full rounded-lg object-cover sm:mt-8"
/>
</div>
)}
</div> </div>
<Viewer content={markdown} /> <Viewer content={markdown} />
</article> </article>