Setup (#112)

* wip * wip * wip3 * chore: utils * feat: add command * wip * fix: key duplicate * fix: move and check * fix: use react-use instead * fix: sidebar * chore: make dynamic * chore: tablet mode * chore: fix padding * chore: link instead of inbox * fix: use dnd kit * feat: add select component * chore: use atom * refactor: remove dnd provider * feat: disabled drag when sort is not manual * search route * . * feat: accessibility * fix: search * . * . * . * fix: sidebar collapsed * ai search layout * . * . * . * . * ai responsible content * . * . * . * . * . * global topic route * global topic correct route * topic buttons * sidebar search navigation * ai * Update jazz * . * . * . * . * . * learning status * . * . * chore: content header * fix: pointer none when dragging. prevent auto click after drag end * fix: confirm * fix: prevent drag when editing * chore: remove unused fn * fix: check propagation * chore: list * chore: tweak sonner * chore: update stuff * feat: add badge * chore: close edit when create * chore: escape on manage form * refactor: remove learn path * css: responsive item * chore: separate pages and topic * reafactor: remove new-schema * feat(types): extend jazz type so it can be nullable * chore: use new types * fix: missing deps * fix: link * fix: sidebar in layout * fix: quotes * css: use medium instead semi * Actual streaming and rendering markdown response * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * chore: metadata * feat: la-editor * . * fix: editor and page * . * . * . * . * . * . * fix: remove link * chore: page sidebar * fix: remove 'replace with learning status' * fix: link * fix: link * chore: update schema * chore: use new schema * fix: instead of showing error, just do unique slug * feat: create slug * refactor apply * update package json * fix: schema personal page * chore: editor * feat: pages * fix: metadata * fix: jazz provider * feat: handling data * feat: page detail * chore: server page to id * chore: use id instead of slug * chore: update content header * chore: update link header implementation * refactor: global.css * fix: la editor use animation frame * fix: editor export ref * refactor: page detail * chore: tidy up schema * chore: adapt to new schema * fix: wrap using settimeout * fix: wrap using settimeout * . * . --------- Co-authored-by: marshennikovaolga <marshennikova@gmail.com> Co-authored-by: Nikita <github@nikiv.dev> Co-authored-by: Anselm <anselm.eickhoff@gmail.com> Co-authored-by: Damian Tarnawski <gthetarnav@gmail.com>
2026-01-12 12:20:23 +01:00 · 2024-08-08 00:57:22 +07:00
parent 228faf226a
commit 36e0e19212
143 changed files with 6967 additions and 101 deletions
--- a/web/components/routes/link/form/partial/topic-section.tsx
+++ b/web/components/routes/link/form/partial/topic-section.tsx
@@ -0,0 +1,74 @@
+import { Button } from "@/components/ui/button"
+import { Command, CommandInput, CommandList, CommandItem } from "@/components/ui/command"
+import { FormField, FormItem, FormLabel, FormControl } from "@/components/ui/form"
+import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover"
+import { useState } from "react"
+import { ScrollArea } from "@/components/ui/scroll-area"
+import { CheckIcon, ChevronDownIcon } from "lucide-react"
+import { useFormContext } from "react-hook-form"
+import { LinkFormValues } from "../manage"
+import { cn } from "@/lib/utils"
+
+const TOPICS = [
+	{ id: "1", name: "Work" },
+	{ id: "2", name: "Personal" }
+]
+
+export const TopicSelector: React.FC = () => {
+	const form = useFormContext<LinkFormValues>()
+	const [open, setOpen] = useState(false)
+	const { setValue } = useFormContext()
+
+	return (
+		<FormField
+			control={form.control}
+			name="topic"
+			render={({ field }) => (
+				<FormItem>
+					<FormLabel className="sr-only">Topic</FormLabel>
+					<Popover open={open} onOpenChange={setOpen}>
+						<PopoverTrigger asChild>
+							<FormControl>
+								<Button size="sm" type="button" role="combobox" variant="secondary" className="!mt-0 gap-x-2 text-sm">
+									<span className="truncate">
+										{field.value ? TOPICS.find(topic => topic.name === field.value)?.name : "Select topic"}
+									</span>
+									<ChevronDownIcon size={16} />
+								</Button>
+							</FormControl>
+						</PopoverTrigger>
+						<PopoverContent className="w-52 rounded-lg p-0" side="right" align="start">
+							<Command>
+								<CommandInput placeholder="Search topic..." className="h-9" />
+								<CommandList>
+									<ScrollArea>
+										{TOPICS.map(topic => (
+											<CommandItem
+												className="cursor-pointer"
+												key={topic.id}
+												value={topic.name}
+												onSelect={value => {
+													setValue("topic", value)
+													setOpen(false)
+												}}
+											>
+												{topic.name}
+												<CheckIcon
+													size={16}
+													className={cn(
+														"absolute right-3",
+														topic.name === field.value ? "text-primary" : "text-transparent"
+													)}
+												/>
+											</CommandItem>
+										))}
+									</ScrollArea>
+								</CommandList>
+							</Command>
+						</PopoverContent>
+					</Popover>
+				</FormItem>
+			)}
+		/>
+	)
+}