raj/raj.how
raj
/
raj.how
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: added comments button

This commit is contained in:
Raj 2024-03-13 08:54:49 +05:30
parent 6d4f79f76c
commit a0c50461a9
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/(home)/story/page.tsx
View File

@ -10,7 +10,7 @@ import { BackgroundGradentProvider } from "@/components/gradient-provider";
import GrainProvider from "@/components/grain"; import GrainProvider from "@/components/grain";
import { Footer } from "../Footer"; import { Footer } from "../Footer";
import { Connect } from "../Connect"; import { Connect } from "../Connect";
import { Home } from "lucide-react"; import { Home, MessageCircleIcon } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { NRenderer } from "@/components/notion/renderer"; import { NRenderer } from "@/components/notion/renderer";
@ -114,18 +114,28 @@ export default async function Story({
<h1 className="text-2xl text-center text-pretty font-medium"> <h1 className="text-2xl text-center text-pretty font-medium">
{title} {title}
</h1> </h1>
<Link className="text-foreground/80 hover:no-underline" href="/">
<div className="border sticky top-12 z-50 mt-2 mx-auto backdrop-blur border-foreground/20 backdrop-saturate-100 backdrop-contrast-125 p-1 px-2 w-fit rounded-full flex gap-1 items-center"> <div className="text-foreground/80 flex gap-1 hover:no-underline sticky top-12 z-50 mt-2 mx-auto w-fit">
<Link href="/">
<div className="backdrop-blur border border-foreground/20 backdrop-saturate-100 bg-background/60 backdrop-contrast-125 p-1 px-2 w-fit rounded-full flex gap-1 items-center">
<Home className="animate-in" size={12} /> <Home className="animate-in" size={12} />
<span className="text-xs">Home</span> <span className="text-xs">Home</span>
</div> </div>
</Link> </Link>
<a href="#comments">
<div className="backdrop-blur border border-foreground/20 bg-background/60 backdrop-saturate-100 backdrop-contrast-125 p-1 px-2 w-fit rounded-full flex gap-1 items-center">
<MessageCircleIcon className="animate-in" size={12} />
<span className="text-xs">Comments</span>
</div>
</a>
</div>
<NRenderer recordMap={recordMap} /> <NRenderer recordMap={recordMap} />
<section className="connect-section"> <section className="connect-section">
<Connect /> <Connect />
</section> </section>
<section className="comments-section"> <section id="comments" className="comments-section">
{repo && repoId && category && categoryId ? ( {repo && repoId && category && categoryId ? (
<Comments <Comments
repo={repo as `${string}/${string}`} repo={repo as `${string}/${string}`}