alternative tangled frontend (extremely wip)

feat: for trending feed, use stitch

serenity 6e6991f1 d4f0c1d1

+24 -2
+21
src/components/Homepage/TrendingFeed.tsx
··· 1 + import { UnderlineLink } from "@/components/Animated/UnderlinedLink"; 2 + import { Link } from "@tanstack/react-router"; 3 + 4 + export const TrendingFeed = () => { 5 + return ( 6 + <div> 7 + <p> 8 + Powered by{" "} 9 + <UnderlineLink 10 + href="https://catsky.social/profile/stitch.selfhosted.social" 11 + target="_blank" 12 + underlineColor="bg-accent" 13 + className="text-accent" 14 + > 15 + stitch.selfhosted.social 16 + </UnderlineLink> 17 + . 18 + </p> 19 + </div> 20 + ); 21 + };
+3 -2
src/routes/_layout/index.tsx
··· 1 + import { TrendingFeed } from "@/components/Homepage/TrendingFeed"; 1 2 import { Loading } from "@/components/Icons/Loading"; 2 3 import { NavBarUnauthed } from "@/components/Nav/NavBarUnauthed"; 3 4 import { useOAuth } from "@/lib/oauth"; ··· 21 22 if (client && session) { 22 23 return ( 23 24 <> 24 - <p>Logged in</p> 25 + <TrendingFeed /> 25 26 </> 26 27 ); 27 28 } 28 29 29 30 return ( 30 - <div className="flex flex-col gap-4 items-center justify-center pt-4"> 31 + <div className="flex flex-col items-center justify-center gap-4 pt-4"> 31 32 <h1 className="text-xl font-bold"> 32 33 The better frontend for the better forge. 33 34 </h1>