,
+ React.ComponentRef<"div">,
React.ComponentPropsWithoutRef<"div">
>(({ className, ...props }, ref) => (
@@ -31,7 +31,7 @@ const InputOTPGroup = React.forwardRef<
InputOTPGroup.displayName = "InputOTPGroup"
const InputOTPSlot = React.forwardRef<
- React.ElementRef<"div">,
+ React.ComponentRef<"div">,
React.ComponentPropsWithoutRef<"div"> & { index: number }
>(({ index, className, ...props }, ref) => {
const inputOTPContext = React.useContext(OTPInputContext)
@@ -59,7 +59,7 @@ const InputOTPSlot = React.forwardRef<
InputOTPSlot.displayName = "InputOTPSlot"
const InputOTPSeparator = React.forwardRef<
- React.ElementRef<"div">,
+ React.ComponentRef<"div">,
React.ComponentPropsWithoutRef<"div">
>(({ ...props }, ref) => (
diff --git a/apps/frontend/src/components/ui/label.tsx b/apps/frontend/src/components/ui/label.tsx
index 53418217..6d40c670 100644
--- a/apps/frontend/src/components/ui/label.tsx
+++ b/apps/frontend/src/components/ui/label.tsx
@@ -11,7 +11,7 @@ const labelVariants = cva(
)
const Label = React.forwardRef<
- React.ElementRef,
+ React.ComponentRef,
React.ComponentPropsWithoutRef &
VariantProps
>(({ className, ...props }, ref) => (
diff --git a/apps/frontend/src/components/ui/pick.tsx b/apps/frontend/src/components/ui/pick.tsx
index a056f65d..5b3f821c 100644
--- a/apps/frontend/src/components/ui/pick.tsx
+++ b/apps/frontend/src/components/ui/pick.tsx
@@ -11,7 +11,7 @@ interface AnimatedPickCardProps {
}
export default function AnimatedPickCard({teamName, mapName, side}: AnimatedPickCardProps) {
- const [isVisible, _] = useState(true)
+ const [isVisible] = useState(true)
// const replay = () => {
// setIsVisible(false)
@@ -50,7 +50,7 @@ export default function AnimatedPickCard({teamName, mapName, side}: AnimatedPick
hidden: {x: -20, opacity: 0},
visible: {x: 0, opacity: 1}
}}
- className={`${teamTextSize} font-bold text-[#8ce1ff] block text-center pt-3`}
+ className={`${teamTextSize} font-bold text-[#e2fe49] block text-center pt-3`}
>
{teamName}
@@ -88,9 +88,9 @@ export default function AnimatedPickCard({teamName, mapName, side}: AnimatedPick
alt={mapName}
draggable={false}
fill
- objectFit="cover"
sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
style={{
+ objectFit:"cover",
clipPath: 'polygon(0% 50%, 20% 0%, 100% 0%, 100% 50%, 80% 100%, 0% 100%)'
}}
/>
@@ -100,7 +100,7 @@ export default function AnimatedPickCard({teamName, mapName, side}: AnimatedPick
,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(({ className, children, ...props }, ref) => (
,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(({ className, orientation = "vertical", ...props }, ref) => (
,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(
(
diff --git a/apps/frontend/src/components/ui/toast.tsx b/apps/frontend/src/components/ui/toast.tsx
index 40ac9ddb..b1677479 100644
--- a/apps/frontend/src/components/ui/toast.tsx
+++ b/apps/frontend/src/components/ui/toast.tsx
@@ -10,7 +10,7 @@ import { cn } from "@/lib/utils"
const ToastProvider = ToastPrimitives.Provider
const ToastViewport = React.forwardRef<
- React.ElementRef,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (
,
+ React.ComponentRef,
React.ComponentPropsWithoutRef &
VariantProps
>(({ className, variant, ...props }, ref) => {
@@ -56,7 +56,7 @@ const Toast = React.forwardRef<
Toast.displayName = ToastPrimitives.Root.displayName
const ToastAction = React.forwardRef<
- React.ElementRef,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (
,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (
,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (
,
+ React.ComponentRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (