- Share the mods you use with{" "}
-
- anyone
-
+ Share the mods you use with anyone.
Modpacks, but without the hassle.
@@ -65,7 +62,7 @@ const Home: NextPage = ({ users, lists, featuredLists }) => {
{
@@ -26,7 +30,7 @@ const LikesPage: NextPage = () => {
}, [session]);
return (
-
+
{lists ? (
lists.length > 0 ? (
@@ -35,21 +39,27 @@ const LikesPage: NextPage = () => {
))}
) : (
-
- No liked lists yet!
-
+
+
+
+
+
+ No liked lists
+ No liked lists yet!
+
+
)
) : (
)}
-
+
);
};
diff --git a/src/pages/list/[id]/index.tsx b/src/pages/list/[id]/index.tsx
index 173a490f..9666cd9c 100644
--- a/src/pages/list/[id]/index.tsx
+++ b/src/pages/list/[id]/index.tsx
@@ -7,7 +7,7 @@ import { getInfos as getCurseForgeInfos } from "~/lib/metadata/curseforge";
import { getInfos as getModrinthInfos } from "~/lib/metadata/modrinth";
import { useRouter } from "next/router";
-import { type FormEventHandler, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { type MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from "react";
import { getServerSession } from "next-auth";
import { signIn, useSession } from "next-auth/react";
@@ -19,23 +19,38 @@ import { prismAutoUpdateExport, prismStaticExport } from "~/lib/export/formats/p
import { ExportStatus } from "~/lib/export/formats/shared";
import { zipExport } from "~/lib/export/formats/zip";
-import * as Dialog from "@radix-ui/react-dialog";
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
import Markdown from "react-markdown";
import Head from "next/head";
import Link from "next/link";
import { GlobalLayout } from "~/components/layout/GlobalLayout";
-import { DonationMessage } from "~/components/partials/DonationMessage";
+
import { RichModDisplay } from "~/components/partials/RichModDisplay";
import { Search } from "~/components/partials/Search";
-import { Spinner } from "~/components/partials/Spinner";
import { Metadata } from "~/components/partials/Metadata";
import { ProgressOverlay } from "~/components/ProgressOverlay";
-import { Button, buttonVariants } from "~/components/ui/Button";
import { Select } from "~/components/ui/Select";
+import { Button } from "~/components/shadcn/button";
+import { ButtonGroup, ButtonGroupSeparator } from "~/components/shadcn/button-group";
+import { Spinner } from "~/components/shadcn/spinner";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "~/components/shadcn/dropdown-menu";
+import {
+ Dialog,
+ DialogClose,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "~/components/shadcn/dialog";
+
import {
ClipboardIcon,
CloudIcon,
@@ -54,8 +69,10 @@ import {
} from "lucide-react";
import { MarkdownIcon, ModrinthIcon } from "~/components/icons";
-import toast from "react-hot-toast";
-import { twMerge } from "tailwind-merge";
+import { toast } from "sonner";
+import { Field, FieldGroup, FieldLabel } from "~/components/shadcn/field";
+import { Input } from "~/components/shadcn/input";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "~/components/shadcn/accordion";
interface PageProps {
data: ModListWithExtraData;
@@ -170,7 +187,7 @@ const ListPage: NextPage
= ({ data }) => {
}
};
- const editHandle: FormEventHandler = useCallback(
+ const editHandle: MouseEventHandler = useCallback(
(e) => {
(async () => {
e.preventDefault();
@@ -224,22 +241,17 @@ ${
}
`.trim();
- toast.success(
-
- List updated!
-
-
,
- { duration: 5000 },
- );
+ toast.success("List updated!", {
+ duration: 5000,
+ action: {
+ label: "Copy changelog",
+ onClick: () => {
+ navigator.clipboard.writeText(changelog).catch((error) => {
+ console.error(error);
+ });
+ },
+ },
+ });
setIsSaving(false);
setIsEditing(false);
@@ -440,7 +452,7 @@ ${
src={data.ownerProfile.profilePicture}
width={32}
height={32}
- className="rounded-full"
+ className="size-[32px] rounded-full"
alt=""
/>
) : (
@@ -451,215 +463,190 @@ ${
+ )}
+
+ )}
+
{isEditing && resolvedMods && (
<>
@@ -675,16 +662,14 @@ ${
}}
/>
-
+
+
+