mirror of
https://github.com/DeveloLongScript/MHSF.git
synced 2026-05-07 18:24:58 -05:00
fix: errors
This commit is contained in:
dvelo
parent
c8fe0a6051
commit
e0d96b47cd
@ -1,48 +0,0 @@
|
||||
/*
|
||||
* MHSF, Minehut Server List
|
||||
* All external content is rather licensed under the ECA Agreement
|
||||
* located here: https://mhsf.app/docs/legal/external-content-agreement
|
||||
*
|
||||
* All code under MHSF is licensed under the MIT License
|
||||
* by open source contributors
|
||||
*
|
||||
* Copyright (c) 2024 dvelo
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to
|
||||
* deal in the Software without restriction, including without limitation the
|
||||
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||||
* sell copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
* OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
|
||||
import SignUpPage from "@/components/clerk/SignInForm";
|
||||
import { ServerCrash } from "lucide-react";
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<div className="flex min-h-svh flex-col items-center justify-center gap-6 bg-[rgb(244,_244,_245)] p-6 md:p-10">
|
||||
<div className="flex w-full max-w-sm flex-col gap-6">
|
||||
<a href="/" className="flex items-center gap-2 self-center font-medium">
|
||||
<div className="flex h-6 w-6 items-center justify-center rounded-md bg-primary text-primary-foreground">
|
||||
<ServerCrash className="size-4" />
|
||||
</div>
|
||||
MHSF
|
||||
</a>
|
||||
<SignUpPage />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -1,22 +0,0 @@
|
||||
import { ClerkProvider } from "@clerk/nextjs";
|
||||
import "@/app/globals.css";
|
||||
import { GeistSans } from "geist/font/sans";
|
||||
|
||||
export const metadata = {
|
||||
title: "Next.js",
|
||||
description: "Generated by Next.js",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" className={GeistSans.className}>
|
||||
<body>
|
||||
<ClerkProvider>{children}</ClerkProvider>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
@ -1,311 +0,0 @@
|
||||
/*
|
||||
* MHSF, Minehut Server List
|
||||
* All external content is rather licensed under the ECA Agreement
|
||||
* located here: https://mhsf.app/docs/legal/external-content-agreement
|
||||
*
|
||||
* All code under MHSF is licensed under the MIT License
|
||||
* by open source contributors
|
||||
*
|
||||
* Copyright (c) 2024 dvelo
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to
|
||||
* deal in the Software without restriction, including without limitation the
|
||||
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||||
* sell copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
* OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
|
||||
"use client";
|
||||
import * as Clerk from "@clerk/elements/common";
|
||||
import * as SignUp from "@clerk/elements/sign-up";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import {
|
||||
Card,
|
||||
CardContent,
|
||||
CardDescription,
|
||||
CardFooter,
|
||||
CardHeader,
|
||||
CardTitle,
|
||||
} from "@/components/ui/card";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { LoadingSpinner } from "../ui/loading-spinner";
|
||||
import Discord from "../ui/discord";
|
||||
import Github from "../ui/github";
|
||||
|
||||
export default function SignUpPage() {
|
||||
return (
|
||||
<div className="flex flex-col gap-6">
|
||||
<SignUp.Root
|
||||
fallback={
|
||||
<Card className="flex items-center justify-center float-center absolute left-[50%] translate-x-[-50%] size-[50px]">
|
||||
<LoadingSpinner />
|
||||
</Card>
|
||||
}
|
||||
>
|
||||
<Clerk.Loading>
|
||||
{(isGlobalLoading) => (
|
||||
<>
|
||||
{isGlobalLoading && (
|
||||
<Card className="flex items-center justify-center float-center absolute left-[50%] translate-x-[-50%] size-[50px]">
|
||||
<LoadingSpinner />
|
||||
</Card>
|
||||
)}
|
||||
<SignUp.Step name="start">
|
||||
<Card className="w-full sm:w-96 ">
|
||||
<CardHeader className="text-center">
|
||||
<CardTitle>Create your account</CardTitle>
|
||||
<CardDescription>
|
||||
Welcome! Please fill in the details to get started.
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="grid gap-y-4">
|
||||
<div className="grid gap-2 grid-cols-2">
|
||||
<Clerk.Connection name="discord" asChild>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
type="button"
|
||||
className="flex items-center"
|
||||
disabled={isGlobalLoading}
|
||||
>
|
||||
<Clerk.Loading scope="provider:discord">
|
||||
{(isLoading) =>
|
||||
isLoading ? (
|
||||
<LoadingSpinner className="size-4 " />
|
||||
) : (
|
||||
<>
|
||||
<Discord className="mr-2 size-4" />
|
||||
Discord
|
||||
</>
|
||||
)
|
||||
}
|
||||
</Clerk.Loading>
|
||||
</Button>
|
||||
</Clerk.Connection>
|
||||
<Clerk.Connection name="github" asChild>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
type="button"
|
||||
className="flex items-center"
|
||||
disabled={isGlobalLoading}
|
||||
>
|
||||
<Clerk.Loading scope="provider:github">
|
||||
{(isLoading) =>
|
||||
isLoading ? (
|
||||
<LoadingSpinner className="size-4 " />
|
||||
) : (
|
||||
<>
|
||||
<Github
|
||||
className="mr-2 size-4"
|
||||
fill="black"
|
||||
/>
|
||||
GitHub
|
||||
</>
|
||||
)
|
||||
}
|
||||
</Clerk.Loading>
|
||||
</Button>
|
||||
</Clerk.Connection>
|
||||
</div>
|
||||
<p className="flex items-center gap-x-3 text-sm text-muted-foreground before:h-px before:flex-1 before:bg-border after:h-px after:flex-1 after:bg-border">
|
||||
or
|
||||
</p>
|
||||
<Clerk.Field name="emailAddress" className="space-y-2">
|
||||
<Clerk.Label asChild>
|
||||
<Label>Email address</Label>
|
||||
</Clerk.Label>
|
||||
<Clerk.Input type="email" required asChild>
|
||||
<Input />
|
||||
</Clerk.Input>
|
||||
<Clerk.FieldError className="block text-sm text-destructive" />
|
||||
</Clerk.Field>
|
||||
<Clerk.Field name="password" className="space-y-2">
|
||||
<Clerk.Label asChild>
|
||||
<Label>Password</Label>
|
||||
</Clerk.Label>
|
||||
<Clerk.Input type="password" required asChild>
|
||||
<Input />
|
||||
</Clerk.Input>
|
||||
<Clerk.FieldError className="block text-sm text-destructive" />
|
||||
</Clerk.Field>
|
||||
</CardContent>
|
||||
<CardFooter>
|
||||
<div className="grid w-full gap-y-4">
|
||||
<SignUp.Captcha className="empty:hidden" />
|
||||
<SignUp.Action submit asChild>
|
||||
<Button
|
||||
disabled={isGlobalLoading}
|
||||
className="flex items-center"
|
||||
>
|
||||
<Clerk.Loading>
|
||||
{(isLoading) => {
|
||||
return isLoading ? (
|
||||
<LoadingSpinner className="size-4 " />
|
||||
) : (
|
||||
"Continue"
|
||||
);
|
||||
}}
|
||||
</Clerk.Loading>
|
||||
</Button>
|
||||
</SignUp.Action>
|
||||
<Button variant="link" size="sm" asChild>
|
||||
<Clerk.Link navigate="sign-in">
|
||||
Already have an account? Sign in
|
||||
</Clerk.Link>
|
||||
</Button>
|
||||
</div>
|
||||
</CardFooter>
|
||||
</Card>
|
||||
</SignUp.Step>
|
||||
|
||||
<SignUp.Step name="continue">
|
||||
<Card className="w-full sm:w-96 ">
|
||||
<CardHeader>
|
||||
<CardTitle>Continue registration</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<Clerk.Field name="username" className="space-y-2">
|
||||
<Clerk.Label>
|
||||
<Label>Username</Label>
|
||||
</Clerk.Label>
|
||||
<Clerk.Input type="text" required asChild>
|
||||
<Input />
|
||||
</Clerk.Input>
|
||||
<Clerk.FieldError className="block text-sm text-destructive" />
|
||||
</Clerk.Field>
|
||||
</CardContent>
|
||||
<CardFooter>
|
||||
<div className="grid w-full gap-y-4">
|
||||
<SignUp.Action submit asChild>
|
||||
<Button
|
||||
disabled={isGlobalLoading}
|
||||
className="flex items-center"
|
||||
>
|
||||
<Clerk.Loading>
|
||||
{(isLoading) => {
|
||||
return isLoading ? (
|
||||
<LoadingSpinner className="size-4 " />
|
||||
) : (
|
||||
"Continue"
|
||||
);
|
||||
}}
|
||||
</Clerk.Loading>
|
||||
</Button>
|
||||
</SignUp.Action>
|
||||
</div>
|
||||
</CardFooter>
|
||||
</Card>
|
||||
</SignUp.Step>
|
||||
|
||||
<SignUp.Step name="verifications">
|
||||
<SignUp.Strategy name="email_code">
|
||||
<Card className="w-full sm:w-96 ">
|
||||
<CardHeader>
|
||||
<CardTitle>Verify your email</CardTitle>
|
||||
<CardDescription>
|
||||
Use the verification link sent to your email address
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="grid gap-y-4">
|
||||
<div className="grid items-center justify-center gap-y-2">
|
||||
<Clerk.Field name="code" className="space-y-2">
|
||||
<Clerk.Label className="sr-only">
|
||||
Email address
|
||||
</Clerk.Label>
|
||||
<div className="flex justify-center text-center">
|
||||
<Clerk.Input
|
||||
type="otp"
|
||||
className="flex justify-center has-[:disabled]:opacity-50"
|
||||
autoSubmit
|
||||
render={({ value, status }) => {
|
||||
return (
|
||||
<div
|
||||
data-status={status}
|
||||
className={cn(
|
||||
"relative flex size-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
|
||||
{
|
||||
"z-10 ring-2 ring-ring ring-offset-background":
|
||||
status === "cursor" ||
|
||||
status === "selected",
|
||||
}
|
||||
)}
|
||||
>
|
||||
{value}
|
||||
{status === "cursor" && (
|
||||
<div className="pointer-events-none absolute inset-0 flex items-center justify-center">
|
||||
<div className="animate-caret-blink h-4 w-px bg-foreground duration-1000" />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<Clerk.FieldError className="block text-center text-sm text-destructive" />
|
||||
</Clerk.Field>
|
||||
<SignUp.Action
|
||||
asChild
|
||||
resend
|
||||
className="text-muted-foreground"
|
||||
fallback={({ resendableAfter }) => (
|
||||
<Button variant="link" size="sm" disabled>
|
||||
Didn't receive a code? Resend (
|
||||
<span className="tabular-nums">
|
||||
{resendableAfter}
|
||||
</span>
|
||||
)
|
||||
</Button>
|
||||
)}
|
||||
>
|
||||
<Button type="button" variant="link" size="sm">
|
||||
Didn't receive a code? Resend
|
||||
</Button>
|
||||
</SignUp.Action>
|
||||
</div>
|
||||
</CardContent>
|
||||
<CardFooter>
|
||||
<div className="grid w-full gap-y-4">
|
||||
<SignUp.Action submit asChild>
|
||||
<Button
|
||||
disabled={isGlobalLoading}
|
||||
className="flex items-center"
|
||||
>
|
||||
<Clerk.Loading>
|
||||
{(isLoading) => {
|
||||
return isLoading ? (
|
||||
<LoadingSpinner className="size-4 " />
|
||||
) : (
|
||||
"Continue"
|
||||
);
|
||||
}}
|
||||
</Clerk.Loading>
|
||||
</Button>
|
||||
</SignUp.Action>
|
||||
</div>
|
||||
</CardFooter>
|
||||
</Card>
|
||||
</SignUp.Strategy>
|
||||
</SignUp.Step>
|
||||
</>
|
||||
)}
|
||||
</Clerk.Loading>
|
||||
</SignUp.Root>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
/*
|
||||
* MHSF, Minehut Server List
|
||||
* All external content is rather licensed under the ECA Agreement
|
||||
* located here: https://mhsf.app/docs/legal/external-content-agreement
|
||||
*
|
||||
* All code under MHSF is licensed under the MIT License
|
||||
* by open source contributors
|
||||
*
|
||||
* Copyright (c) 2024 dvelo
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to
|
||||
* deal in the Software without restriction, including without limitation the
|
||||
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||||
* sell copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
* OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuContent,
|
||||
DropdownMenuTrigger,
|
||||
} from "../ui/dropdown-menu";
|
||||
import { Button } from "../ui/button";
|
||||
import { ChevronDown } from "lucide-react";
|
||||
|
||||
export function ServerListNav() {
|
||||
return (
|
||||
<div className="w-full max-w-6xl mx-auto p-4">
|
||||
<div className="space-y-4">
|
||||
<h1 className="text-xl font-semibold">Links</h1>
|
||||
<div className="flex flex-col sm:flex-row items-stretch sm:items-center sm:justify-between gap-2 sm:gap-8">
|
||||
<div className="grid grid-cols-2 sm:flex sm:flex-row items-stretch sm:items-center gap-2">
|
||||
<DropdownMenu>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button variant="outline" className="w-full gap-2">
|
||||
Filter
|
||||
<ChevronDown className="h-4 w-4" />
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent>
|
||||
<DropdownMenuGroup>
|
||||
<DropdownMenuItem>All links</DropdownMenuItem>
|
||||
<DropdownMenuItem>Active links</DropdownMenuItem>
|
||||
<DropdownMenuItem>Archived links</DropdownMenuItem>
|
||||
</DropdownMenuGroup>
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
|
||||
<DropdownMenu>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button variant="outline" className="w-full gap-2">
|
||||
Display
|
||||
<ChevronDown className="h-4 w-4" />
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent>
|
||||
<DropdownMenuGroup>
|
||||
<DropdownMenuItem>List view</DropdownMenuItem>
|
||||
<DropdownMenuItem>Grid view</DropdownMenuItem>
|
||||
<DropdownMenuItem>Compact view</DropdownMenuItem>
|
||||
</DropdownMenuGroup>
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2 w-full sm:w-auto">
|
||||
<div className="relative flex-1">
|
||||
<Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
|
||||
<Input type="search" placeholder="Search..." className="pl-8" />
|
||||
</div>
|
||||
<Button className="shrink-0 gap-2">
|
||||
Create link
|
||||
<kbd className="pointer-events-none hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex">
|
||||
C
|
||||
</kbd>
|
||||
</Button>
|
||||
<Button variant="ghost" size="icon" className="shrink-0">
|
||||
<MoreVertical className="h-4 w-4" />
|
||||
<span className="sr-only">More options</span>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user