chore: generate badge-cert selection

omsimos · Aug 5, 2024 · 4c8252c · 4c8252c
1 parent 6ba0a2f
commit 4c8252c
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 11 deletions.
diff --git a/src/app/event/components/event-landing.tsx b/src/app/event/components/event-landing.tsx
@@ -20,8 +20,16 @@ import {
   FormDescription,
   FormField,
   FormItem,
+  FormLabel,
   FormMessage,
 } from "@/components/ui/form";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 
 export type EventDetails = {
   title: string;
@@ -40,6 +48,8 @@ const formSchema = z.object({
       message: "This field has to be filled",
     })
     .email("This is not a valid email"),
+
+  type: z.enum(["badge", "cert"]),
 });
 
 export default function EventLanding({
@@ -53,6 +63,7 @@ export default function EventLanding({
     resolver: zodResolver(formSchema),
     defaultValues: {
       email: "dale@ban.com",
+      type: "badge",
     },
   });
 
@@ -70,7 +81,7 @@ export default function EventLanding({
       let message = "⚠️ Certificate Not Found";
       querySnapshot.forEach((doc) => {
         if (doc.data().email) {
-          push(`/event/${eventCode}/cert?id=${doc.id}`);
+          push(`/event/${eventCode}/${values.type}?id=${doc.id}`);
           message = "✅ Certificate found!";
           return;
         }
@@ -119,13 +130,41 @@ export default function EventLanding({
                   </FormItem>
                 )}
               />
-              <Button
-                type="submit"
-                className="w-full font-semibold"
-                disabled={loading}
-              >
-                {loading ? <Icons.spinner /> : "Get Certificate"}
-              </Button>
+              <div className="space-y-1">
+                <FormField
+                  control={form.control}
+                  name="type"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Select type</FormLabel>
+                      <Select onValueChange={field.onChange} {...field}>
+                        <FormControl>
+                          <SelectTrigger>
+                            <SelectValue placeholder="Select a type" />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          <SelectItem className="cursor-pointer" value="badge">
+                            Badge
+                          </SelectItem>
+                          <SelectItem className="cursor-pointer" value="cert">
+                            Certificate
+                          </SelectItem>
+                        </SelectContent>
+                      </Select>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <Button
+                  variant="secondary"
+                  type="submit"
+                  className="w-full font-medium"
+                  disabled={loading}
+                >
+                  {loading ? <Icons.spinner /> : "Generate"}
+                </Button>
+              </div>
             </form>
           </Form>
         </CardContent>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -16,7 +16,7 @@ export default async function Home() {
           )}
         >
           <AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-600 hover:duration-300 hover:dark:text-neutral-400">
-            <Link href="/badge">
+            <Link href={`/event/hacking-ai/badge?id=Z5jdHi6BmyT`}>
               ✨ Experimental:
               <span className="font-semibold"> Visit 3D Badge</span>
             </Link>

diff --git a/src/components/event-buttons.tsx b/src/components/event-buttons.tsx
@@ -78,7 +78,7 @@ export function EventButtons() {
 
 const SearchEventForm = ({}) => {
   const router = useRouter();
-  const [event, setEvent] = useState("");
+  const [event, setEvent] = useState("hacking-ai");
   const [loading, setLoading] = useState(false);
 
   const handleSubmit = (e: FormEvent<HTMLFormElement>) => {

diff --git a/src/components/magicui/retro-grid.tsx b/src/components/magicui/retro-grid.tsx
@@ -4,7 +4,7 @@ export default function RetroGrid({ className }: { className?: string }) {
   return (
     <div
       className={cn(
-        "pointer-events-none absolute size-full overflow-hidden opacity-70 [perspective:200px]",
+        "pointer-events-none absolute size-full overflow-hidden [perspective:200px]",
         className,
       )}
     >