+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A progressive Node.js framework for building efficient and scalable server-side applications.
+
+
+
+
+
+
+
+
+
+
+
+
+ {" "} + No account yet? Click here to{" "} + + Sign up + {" "} +
++ {" "} + Already have an account? Click here to{" "} + + Sign in + {" "} +
+{message.message}
++ Thanks for using PeerPrep! To view the solution you must subscribe to + premium. +
+ ++ Runtime: {averageRuntime}ms +
+ +You must submit your code to see the test result
+{question.description}
+Rows per page
+ +(25%)
*/} ++ {" "} + Back to{" "} + + Sign in + {" "} +
+Background - General background
+Background-100 - For list item
+Background-200 - For elements within list item
+Foreground - For text
+Accent - For badges, avatars etc.
+Accent - For texts on accent background
+Primary
+Primary-Foreground
+{getMonthName(monthIndex)}
++ Proficiency:{" "} + + {userProfile.proficiency} + +
+
+ Elo:{" "}
+
+ 1000
{question.description}
+Rows per page
+ ++ Back to{" "} + + Sign in + +
++ Proficiency:{" "} + + {userProfile.proficiency} + +
+
+ Elo:{" "}
+
+ {1000}
Type your description here
"; + + // Handle change events + quillInstance.current.on("text-change", () => { + const html = quillInstance.current?.root.innerHTML; + onChange(html || ""); + }); + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [onChange]); + + // Update value when props change + useEffect(() => { + if ( + quillInstance.current && + value !== quillInstance.current.root.innerHTML + ) { + quillInstance.current.root.innerHTML = value; + } + }, [value]); + + return ( + + ); +}; + +export default QuillEditor; diff --git a/frontend/src/components/form/RadioGroupInput.tsx b/frontend/src/components/form/RadioGroupInput.tsx new file mode 100644 index 0000000000..ab64ca94dc --- /dev/null +++ b/frontend/src/components/form/RadioGroupInput.tsx @@ -0,0 +1,111 @@ +"use client"; + +import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"; +import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"; +import { + FormControl, + FormField, + FormItem, + FormLabel, + FormMessage, +} from "@/components/ui/form"; +import { FieldPath, FieldValues, useFormContext } from "react-hook-form"; +import React from "react"; +import { Card } from "../ui/card"; +import { cn } from "@/lib/utils"; +import { User } from "lucide-react"; + +interface RadioGroupInputProps{description}
+