From 80bb8a108f29331cdb2f2695f6801beee104dc89 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Thu, 8 Feb 2024 15:14:23 +0000
Subject: [refactor] Move the different packages to the package subdir

---
 web/app/dashboard/bookmarks/components/AddLink.tsx | 67 ---------------
 .../dashboard/bookmarks/components/LinkCard.tsx    | 96 ----------------------
 .../dashboard/bookmarks/components/LinksGrid.tsx   | 21 -----
 web/app/dashboard/bookmarks/page.tsx               | 20 -----
 4 files changed, 204 deletions(-)
 delete mode 100644 web/app/dashboard/bookmarks/components/AddLink.tsx
 delete mode 100644 web/app/dashboard/bookmarks/components/LinkCard.tsx
 delete mode 100644 web/app/dashboard/bookmarks/components/LinksGrid.tsx
 delete mode 100644 web/app/dashboard/bookmarks/page.tsx

(limited to 'web/app/dashboard/bookmarks')

diff --git a/web/app/dashboard/bookmarks/components/AddLink.tsx b/web/app/dashboard/bookmarks/components/AddLink.tsx
deleted file mode 100644
index fb77786c..00000000
--- a/web/app/dashboard/bookmarks/components/AddLink.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import { Form, FormControl, FormField, FormItem } from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import APIClient from "@/lib/api";
-import { Plus } from "lucide-react";
-import { useRouter } from "next/navigation";
-import { useForm, SubmitErrorHandler } from "react-hook-form";
-import { z } from "zod";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { toast } from "@/components/ui/use-toast";
-
-const formSchema = z.object({
-  url: z.string().url({ message: "The link must be a valid URL" }),
-});
-
-export default function AddLink() {
-  const router = useRouter();
-
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-  });
-
-  async function onSubmit(value: z.infer<typeof formSchema>) {
-    const [_resp, error] = await APIClient.bookmarkLink(value.url);
-    if (error) {
-      toast({ description: error.message, variant: "destructive" });
-      return;
-    }
-    router.refresh();
-  }
-
-  const onError: SubmitErrorHandler<z.infer<typeof formSchema>> = (errors) => {
-    toast({
-      description: Object.values(errors)
-        .map((v) => v.message)
-        .join("\n"),
-      variant: "destructive",
-    });
-  };
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit, onError)}>
-        <div className="py-4 container flex w-full items-center space-x-2">
-          <FormField
-            control={form.control}
-            name="url"
-            render={({ field }) => {
-              return (
-                <FormItem className="flex-1">
-                  <FormControl>
-                    <Input type="text" placeholder="Link" {...field} />
-                  </FormControl>
-                </FormItem>
-              );
-            }}
-          />
-          <Button type="submit">
-            <Plus />
-          </Button>
-        </div>
-      </form>
-    </Form>
-  );
-}
diff --git a/web/app/dashboard/bookmarks/components/LinkCard.tsx b/web/app/dashboard/bookmarks/components/LinkCard.tsx
deleted file mode 100644
index da59d9da..00000000
--- a/web/app/dashboard/bookmarks/components/LinkCard.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-"use client";
-
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  ImageCard,
-  ImageCardBody,
-  ImageCardFooter,
-  ImageCardTitle,
-} from "@/components/ui/imageCard";
-import { useToast } from "@/components/ui/use-toast";
-import APIClient from "@/lib/api";
-import { ZBookmarkedLink } from "@/lib/types/api/links";
-import { MoreHorizontal, Trash2 } from "lucide-react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-
-export function LinkOptions({ linkId }: { linkId: string }) {
-  const { toast } = useToast();
-  const router = useRouter();
-
-  const unbookmarkLink = async () => {
-    let [_, error] = await APIClient.unbookmarkLink(linkId);
-
-    if (error) {
-      toast({
-        variant: "destructive",
-        title: "Something went wrong",
-        description: "There was a problem with your request.",
-      });
-    } else {
-      toast({
-        description: "The link has been deleted!",
-      });
-    }
-
-    router.refresh();
-  };
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button variant="ghost">
-          <MoreHorizontal />
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-fit">
-        <DropdownMenuItem className="text-destructive" onClick={unbookmarkLink}>
-          <Trash2 className="mr-2 h-4 w-4" />
-          <span>Delete</span>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}
-
-export default function LinkCard({ link }: { link: ZBookmarkedLink }) {
-  const parsedUrl = new URL(link.url);
-
-  return (
-    <ImageCard
-      className={
-        "bg-gray-50 duration-300 ease-in border border-grey-100 hover:transition-all hover:border-blue-300"
-      }
-      image={link.details?.imageUrl ?? undefined}
-    >
-      <ImageCardTitle>
-        <Link className="line-clamp-3" href={link.url}>
-          {link.details?.title ?? parsedUrl.host}
-        </Link>
-      </ImageCardTitle>
-      <ImageCardBody className="py-2 overflow-clip">
-        {link.tags.map((t) => (
-          <Badge variant="default" className="bg-gray-300 text-gray-500" key={t.id}>
-            #{t.name}
-          </Badge>
-        ))}
-      </ImageCardBody>
-      <ImageCardFooter>
-        <div className="flex justify-between text-gray-500">
-          <div className="my-auto">
-            <Link className="line-clamp-1 hover:text-black" href={link.url}>
-              {parsedUrl.host}
-            </Link>
-          </div>
-          <LinkOptions linkId={link.id} />
-        </div>
-      </ImageCardFooter>
-    </ImageCard>
-  );
-}
diff --git a/web/app/dashboard/bookmarks/components/LinksGrid.tsx b/web/app/dashboard/bookmarks/components/LinksGrid.tsx
deleted file mode 100644
index 66f0d766..00000000
--- a/web/app/dashboard/bookmarks/components/LinksGrid.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { getServerSession } from "next-auth";
-import { redirect } from "next/navigation";
-import { authOptions } from "@/lib/auth";
-import { getLinks } from "@/lib/services/links";
-import LinkCard from "./LinkCard";
-
-export default async function LinksGrid() {
-  const session = await getServerSession(authOptions);
-  if (!session) {
-    redirect("/");
-  }
-  const links = await getLinks(session.user.id);
-
-  return (
-    <div className="container grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
-      {links.map((l) => (
-        <LinkCard key={l.id} link={l} />
-      ))}
-    </div>
-  );
-}
diff --git a/web/app/dashboard/bookmarks/page.tsx b/web/app/dashboard/bookmarks/page.tsx
deleted file mode 100644
index b4158893..00000000
--- a/web/app/dashboard/bookmarks/page.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import AddLink from "./components/AddLink";
-import LinksGrid from "./components/LinksGrid";
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-  title: "Remember - Bookmarks",
-};
-
-export default async function Bookmarks() {
-  return (
-    <div className="flex flex-col">
-      <div>
-        <AddLink />
-      </div>
-      <div>
-        <LinksGrid />
-      </div>
-    </div>
-  );
-}
-- 
cgit v1.2.3-70-g09d2