-
-
-
- Get started by editing
- src/app/page.tsx
-
-
- By{" "}
-
-
-
-
-
-
-
+ - Docs{" "} - - -> - -
-- Find in-depth information about Next.js features and API. -
- - - -- Learn{" "} - - -> - -
-- Learn about Next.js in an interactive course with quizzes! -
- - - -- Templates{" "} - - -> - -
-- Explore starter templates for Next.js. -
- - - -- Deploy{" "} - - -> - -
-- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
+
+ );
+};
+
+export default GradeCounter;
diff --git a/src/components/gradeSlot.tsx b/src/components/gradeSlot.tsx
new file mode 100644
index 0000000..49634c9
--- /dev/null
+++ b/src/components/gradeSlot.tsx
@@ -0,0 +1,28 @@
+'use client';
+import { Label } from '@/components/ui/label';
+import { X } from 'lucide-react';
+import { useGradeContext } from '@/components/gradeContext';
+export default function GradeSlot({ grade }: { grade: number }) {
+ const { setGrades, grades } = useGradeContext();
+
+ const onDelete = () => {
+ const index = grades.findIndex(g => g === grade);
+ if (index !== -1) {
+ const newGrades = [...grades];
+ newGrades.splice(index, 1);
+ setGrades(newGrades);
+ }
+ };
+
+ return (
+
+ setGrade(e)}
+ value={grade}
+ >
+
+
+
+
+
+
+
+
+
+ {grades.map(grade => {
+ return
+
+
+
+ );
+}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..0270f64
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,57 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+ {
+ variants: {
+ variant: {
+ default:
+ "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+ destructive:
+ "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+ outline:
+ "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+ secondary:
+ "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+ ghost: "hover:bg-accent hover:text-accent-foreground",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-9 px-4 py-2",
+ sm: "h-8 rounded-md px-3 text-xs",
+ lg: "h-10 rounded-md px-8",
+ icon: "h-9 w-9",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+export interface ButtonProps
+ extends React.ButtonHTMLAttributes
+
+
+ {char}
+ {hasFakeCaret && (
+
+ )
+})
+InputOTPSlot.displayName = "InputOTPSlot"
+
+const InputOTPSeparator = React.forwardRef<
+ React.ElementRef<"div">,
+ React.ComponentPropsWithoutRef<"div">
+>(({ ...props }, ref) => (
+
+
+
+ )}
+
+
+))
+InputOTPSeparator.displayName = "InputOTPSeparator"
+
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..5341821
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+ "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+ React.ElementRef