The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
fix eslint
+131
-125
+2
-2
components/modal.tsx
+2
-2
components/modal.tsx
···
1
1
"use client";
2
2
3
3
import { Progress } from "@nextui-org/react";
4
+
import { Separator } from "@radix-ui/react-separator";
4
5
import { AnimatePresence, motion, MotionConfig } from "framer-motion";
5
6
import { useEffect, useState } from "react";
6
7
import { HiX } from "react-icons/hi";
···
10
11
11
12
import { ClickOutside } from "./click-outside";
12
13
import Notice, { NoticeType } from "./notice";
13
-
import { Separator } from "@radix-ui/react-separator";
14
14
import { Button } from "./ui/button";
15
15
16
16
enum State {
···
146
146
}
147
147
148
148
<Button
149
-
variant={variant}
149
+
variant={variant}
150
150
onClick={() => submit()}
151
151
className={cn(!onSubmit && "ml-auto")}
152
152
disabled={isDisabled}
+10
-10
components/ui/badge.tsx
+10
-10
components/ui/badge.tsx
···
1
-
import * as React from "react"
2
-
import { cva, type VariantProps } from "class-variance-authority"
1
+
import { cva, type VariantProps } from "class-variance-authority";
2
+
import * as React from "react";
3
3
4
-
import { cn } from "@/utils/cn"
4
+
import { cn } from "@/utils/cn";
5
5
6
6
const badgeVariants = cva(
7
7
"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
···
11
11
default: "border-transparent bg-primary/10 text-primary-foreground hover:bg-primary/5",
12
12
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
13
13
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
14
-
outline: "text-foreground",
15
-
},
14
+
outline: "text-foreground"
15
+
}
16
16
},
17
17
defaultVariants: {
18
-
variant: "default",
19
-
},
18
+
variant: "default"
19
+
}
20
20
}
21
-
)
21
+
);
22
22
23
23
export interface BadgeProps
24
24
extends React.HTMLAttributes<HTMLDivElement>,
···
27
27
function Badge({ className, variant, ...props }: BadgeProps) {
28
28
return (
29
29
<div className={cn(badgeVariants({ variant }), className)} {...props} />
30
-
)
30
+
);
31
31
}
32
32
33
-
export { Badge, badgeVariants }
33
+
export { Badge, badgeVariants };
+82
-82
components/ui/drawer.tsx
+82
-82
components/ui/drawer.tsx
···
1
-
"use client"
1
+
"use client";
2
2
3
-
import * as React from "react"
4
-
import { Drawer as DrawerPrimitive } from "vaul"
3
+
import * as React from "react";
4
+
import { Drawer as DrawerPrimitive } from "vaul";
5
5
6
-
import { cn } from "@/utils/cn"
6
+
import { cn } from "@/utils/cn";
7
7
8
8
const Drawer = ({
9
-
shouldScaleBackground = true,
10
-
...props
9
+
shouldScaleBackground = true,
10
+
...props
11
11
}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
12
-
<DrawerPrimitive.Root
13
-
shouldScaleBackground={shouldScaleBackground}
14
-
{...props}
15
-
/>
16
-
)
17
-
Drawer.displayName = "Drawer"
12
+
<DrawerPrimitive.Root
13
+
shouldScaleBackground={shouldScaleBackground}
14
+
{...props}
15
+
/>
16
+
);
17
+
Drawer.displayName = "Drawer";
18
18
19
-
const DrawerTrigger = DrawerPrimitive.Trigger
19
+
const DrawerTrigger = DrawerPrimitive.Trigger;
20
20
21
-
const DrawerPortal = DrawerPrimitive.Portal
21
+
const DrawerPortal = DrawerPrimitive.Portal;
22
22
23
-
const DrawerClose = DrawerPrimitive.Close
23
+
const DrawerClose = DrawerPrimitive.Close;
24
24
25
25
const DrawerOverlay = React.forwardRef<
26
26
React.ElementRef<typeof DrawerPrimitive.Overlay>,
27
27
React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
28
28
>(({ className, ...props }, ref) => (
29
-
<DrawerPrimitive.Overlay
30
-
ref={ref}
31
-
className={cn("fixed inset-0 z-50 bg-black/80", className)}
32
-
{...props}
33
-
/>
34
-
))
35
-
DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
29
+
<DrawerPrimitive.Overlay
30
+
ref={ref}
31
+
className={cn("fixed inset-0 z-50 bg-black/80", className)}
32
+
{...props}
33
+
/>
34
+
));
35
+
DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
36
36
37
37
const DrawerContent = React.forwardRef<
38
38
React.ElementRef<typeof DrawerPrimitive.Content>,
39
39
React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
40
40
>(({ className, children, ...props }, ref) => (
41
-
<DrawerPortal>
42
-
<DrawerOverlay />
43
-
<DrawerPrimitive.Content
44
-
ref={ref}
45
-
className={cn(
46
-
"fixed inset-x-0 bottom-0 z-50 mt-24 mx-1 px-4 pb-4 flex h-auto flex-col bg-popover/75 backdrop-blur-md rounded-xl shadow-md",
47
-
className
48
-
)}
49
-
{...props}
50
-
>
51
-
<div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
52
-
{children}
53
-
</DrawerPrimitive.Content>
54
-
</DrawerPortal>
55
-
))
56
-
DrawerContent.displayName = "DrawerContent"
41
+
<DrawerPortal>
42
+
<DrawerOverlay />
43
+
<DrawerPrimitive.Content
44
+
ref={ref}
45
+
className={cn(
46
+
"fixed inset-x-0 bottom-0 z-50 mt-24 mx-1 px-4 pb-4 flex h-auto flex-col bg-popover/75 backdrop-blur-md rounded-xl shadow-md",
47
+
className
48
+
)}
49
+
{...props}
50
+
>
51
+
<div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
52
+
{children}
53
+
</DrawerPrimitive.Content>
54
+
</DrawerPortal>
55
+
));
56
+
DrawerContent.displayName = "DrawerContent";
57
57
58
58
const DrawerHeader = ({
59
-
className,
60
-
...props
59
+
className,
60
+
...props
61
61
}: React.HTMLAttributes<HTMLDivElement>) => (
62
-
<div
63
-
className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
64
-
{...props}
65
-
/>
66
-
)
67
-
DrawerHeader.displayName = "DrawerHeader"
62
+
<div
63
+
className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
64
+
{...props}
65
+
/>
66
+
);
67
+
DrawerHeader.displayName = "DrawerHeader";
68
68
69
69
const DrawerFooter = ({
70
-
className,
71
-
...props
70
+
className,
71
+
...props
72
72
}: React.HTMLAttributes<HTMLDivElement>) => (
73
-
<div
74
-
className={cn("mt-auto flex flex-col gap-2 p-4", className)}
75
-
{...props}
76
-
/>
77
-
)
78
-
DrawerFooter.displayName = "DrawerFooter"
73
+
<div
74
+
className={cn("mt-auto flex flex-col gap-2 p-4", className)}
75
+
{...props}
76
+
/>
77
+
);
78
+
DrawerFooter.displayName = "DrawerFooter";
79
79
80
80
const DrawerTitle = React.forwardRef<
81
81
React.ElementRef<typeof DrawerPrimitive.Title>,
82
82
React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
83
83
>(({ className, ...props }, ref) => (
84
-
<DrawerPrimitive.Title
85
-
ref={ref}
86
-
className={cn(
87
-
"text-lg font-semibold leading-none tracking-tight",
88
-
className
89
-
)}
90
-
{...props}
91
-
/>
92
-
))
93
-
DrawerTitle.displayName = DrawerPrimitive.Title.displayName
84
+
<DrawerPrimitive.Title
85
+
ref={ref}
86
+
className={cn(
87
+
"text-lg font-semibold leading-none tracking-tight",
88
+
className
89
+
)}
90
+
{...props}
91
+
/>
92
+
));
93
+
DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
94
94
95
95
const DrawerDescription = React.forwardRef<
96
96
React.ElementRef<typeof DrawerPrimitive.Description>,
97
97
React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
98
98
>(({ className, ...props }, ref) => (
99
-
<DrawerPrimitive.Description
100
-
ref={ref}
101
-
className={cn("text-sm text-muted-foreground", className)}
102
-
{...props}
103
-
/>
104
-
))
105
-
DrawerDescription.displayName = DrawerPrimitive.Description.displayName
99
+
<DrawerPrimitive.Description
100
+
ref={ref}
101
+
className={cn("text-sm text-muted-foreground", className)}
102
+
{...props}
103
+
/>
104
+
));
105
+
DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
106
106
107
107
export {
108
-
Drawer,
109
-
DrawerPortal,
110
-
DrawerOverlay,
111
-
DrawerTrigger,
112
-
DrawerClose,
113
-
DrawerContent,
114
-
DrawerHeader,
115
-
DrawerFooter,
116
-
DrawerTitle,
117
-
DrawerDescription,
118
-
}
108
+
Drawer,
109
+
DrawerClose,
110
+
DrawerContent,
111
+
DrawerDescription,
112
+
DrawerFooter,
113
+
DrawerHeader,
114
+
DrawerOverlay,
115
+
DrawerPortal,
116
+
DrawerTitle,
117
+
DrawerTrigger
118
+
};
+9
-9
components/ui/popover.tsx
+9
-9
components/ui/popover.tsx
···
1
-
"use client"
1
+
"use client";
2
2
3
-
import * as React from "react"
4
-
import * as PopoverPrimitive from "@radix-ui/react-popover"
3
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
4
+
import * as React from "react";
5
5
6
-
import { cn } from "@/utils/cn"
6
+
import { cn } from "@/utils/cn";
7
7
8
-
const Popover = PopoverPrimitive.Root
8
+
const Popover = PopoverPrimitive.Root;
9
9
10
-
const PopoverTrigger = PopoverPrimitive.Trigger
10
+
const PopoverTrigger = PopoverPrimitive.Trigger;
11
11
12
12
const PopoverContent = React.forwardRef<
13
13
React.ElementRef<typeof PopoverPrimitive.Content>,
···
25
25
{...props}
26
26
/>
27
27
</PopoverPrimitive.Portal>
28
-
))
29
-
PopoverContent.displayName = PopoverPrimitive.Content.displayName
28
+
));
29
+
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
30
30
31
-
export { Popover, PopoverTrigger, PopoverContent }
31
+
export { Popover, PopoverContent,PopoverTrigger };
+7
-7
components/ui/separator.tsx
+7
-7
components/ui/separator.tsx
···
1
-
"use client"
1
+
"use client";
2
2
3
-
import * as React from "react"
4
-
import * as SeparatorPrimitive from "@radix-ui/react-separator"
3
+
import * as SeparatorPrimitive from "@radix-ui/react-separator";
4
+
import * as React from "react";
5
5
6
-
import { cn } from "@/utils/cn"
6
+
import { cn } from "@/utils/cn";
7
7
8
8
const Separator = React.forwardRef<
9
9
React.ElementRef<typeof SeparatorPrimitive.Root>,
···
25
25
{...props}
26
26
/>
27
27
)
28
-
)
29
-
Separator.displayName = SeparatorPrimitive.Root.displayName
28
+
);
29
+
Separator.displayName = SeparatorPrimitive.Root.displayName;
30
30
31
-
export { Separator }
31
+
export { Separator };