fix: link (#115)

* start * . * seeding connections * . * wip * wip: learning state * wip: notes section * wip: many * topics * chore: update schema * update package * update sidebar * update page section * feat: profile * fix: remove z index * fix: wrong type * add avatar * add avatar * wip * . * store page section key * remove atom page section * fix rerender * fix rerender * fix rerender * fix rerender * fix link * search light/dark mode * bubble menu ui * . * fix: remove unecessary code * chore: mark as old for old schema * chore: adapt new schema * fix: add topic schema but null for now * fix: add icon on personal link * fix: list item * fix: set url fetched when editing * fix: remove image * feat: add icon to link * feat: custom url zod validation * fix: metadata test * chore: update utils * fix: link * fix: url fetcher * . * . * fix: add link, section * chore: seeder * . * . * . * . * fix: change checkbox to learning state * fix: click outside editing form * feat: constant * chore: move to master folder * chore: adapt new schema * chore: cli for new schema * fix: new schema for dev seed * fix: seeding * update package * chore: forcegraph seed * bottombar * if isEdit delete icon * showCreate X button * . * options * chore: implement topic from public global group * chore: update learning state * fix: change implementation for outside click * chore: implement new form param * chore: update env example * feat: link form refs exception * new page button layout, link topic search fixed * chore: enable topic * chore: update seed * profile * chore: move framer motion package from root to web and add nuqs * chore: add LearningStateValue * chore: implement active state * profile * chore: use fancy switch and update const * feat: filter implementation * dropdown menu * . * sidebar topics * topic selected color * feat: topic detail * fix: collapsible page * pages - sorted by, layout, visible mode * . * . * . * topic status sidebar * topic button and count * fix: topic * page delete/topic buttons * search ui * selected topic for page * selected topic status sidebar * removed footer * update package * . --------- Co-authored-by: Nikita <github@nikiv.dev> Co-authored-by: marshennikovaolga <marshennikova@gmail.com> Co-authored-by: Kisuyo <ig.intr3st@gmail.com>
2026-01-12 12:20:23 +01:00 · 2024-08-26 19:35:00 +07:00
parent 7cbfcc705b
commit 2d270706a5
77 changed files with 3002 additions and 1327 deletions
--- a/web/components/custom/sidebar/partial/profile-section.tsx
+++ b/web/components/custom/sidebar/partial/profile-section.tsx
@@ -0,0 +1,108 @@
+import { LaIcon } from "../../la-icon"
+import { useState } from "react"
+import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar"
+import { Button } from "@/components/ui/button"
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuSeparator,
+	DropdownMenuTrigger
+} from "@/components/ui/dropdown-menu"
+import { useAccount } from "@/lib/providers/jazz-provider"
+import Link from "next/link"
+
+const MenuItem = ({
+	icon,
+	text,
+	href,
+	onClick,
+	onClose
+}: {
+	icon: string
+	text: string
+	href?: string
+	onClick?: () => void
+	onClose: () => void
+}) => {
+	const handleClick = () => {
+		onClose()
+		if (onClick) {
+			onClick()
+		}
+	}
+
+	return (
+		<div className="relative flex flex-1 items-center gap-2">
+			<LaIcon name={icon as any} />
+			{href ? (
+				<Link href={href} onClick={onClose}>
+					<span className="line-clamp-1 flex-1">{text}</span>
+				</Link>
+			) : (
+				<span className="line-clamp-1 flex-1" onClick={handleClick}>
+					{text}
+				</span>
+			)}
+		</div>
+	)
+}
+export const ProfileSection: React.FC = () => {
+	const { me, logOut } = useAccount({
+		profile: true
+	})
+	const [menuOpen, setMenuOpen] = useState(false)
+
+	const closeMenu = () => setMenuOpen(false)
+
+	return (
+		<div className="visible absolute inset-x-0 bottom-0 z-10 flex gap-8 p-2.5">
+			<div className="flex h-10 min-w-full items-center">
+				<div className="flex min-w-0">
+					<DropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>
+						<DropdownMenuTrigger asChild>
+							<button
+								aria-label="Profile"
+								className="hover:bg-accent focus-visible:ring-ring hover:text-accent-foreground flex items-center gap-1.5 truncate rounded pl-1 pr-1.5 focus-visible:outline-none focus-visible:ring-1"
+							>
+								<Avatar className="size-6">
+									<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
+									{/* <AvatarFallback>CN</AvatarFallback> */}
+								</Avatar>
+								<span className="truncate text-left text-sm font-medium -tracking-wider">{me?.profile?.name}</span>
+								<LaIcon
+									name="ChevronDown"
+									className={`size-4 shrink-0 transition-transform duration-300 ${menuOpen ? "rotate-180" : ""}`}
+								/>
+							</button>
+						</DropdownMenuTrigger>
+						<DropdownMenuContent className="w-56" align="start" side="top">
+							<DropdownMenuItem>
+								<MenuItem icon="CircleUser" text="My profile" href="/profile" onClose={closeMenu} />
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+							<DropdownMenuItem>
+								<MenuItem icon="Settings" text="Settings" href="/settings" onClose={closeMenu} />
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+							<DropdownMenuItem>
+								<MenuItem icon="LogOut" text="Log out" onClick={logOut} onClose={closeMenu} />
+							</DropdownMenuItem>
+						</DropdownMenuContent>
+					</DropdownMenu>
+				</div>
+				{/* <div className="flex min-w-2 grow flex-row"></div>
+				<div className="flex flex-row items-center gap-2">
+					<Button size="icon" variant="ghost" aria-label="Settings" className="size-7 p-0">
+						<LaIcon name="Settings" />
+					</Button>
+					<Link href="/">
+						<Button size="icon" variant="ghost" aria-label="Settings" className="size-7 p-0">
+							<LaIcon name="House" />
+						</Button>
+					</Link>
+				</div> */}
+			</div>
+		</div>
+	)
+}