refactor(tag-input): extract subcomponents for improved modularity

JaleelB · Dec 26, 2023 · 1f9168a · 1f9168a
1 parent cc7fbda
commit 1f9168a
Show file tree

Hide file tree

Showing 7 changed files with 1,232 additions and 1,661 deletions.
diff --git a/components/sections/hero.tsx b/components/sections/hero.tsx
@@ -7,7 +7,7 @@ import {
   FormLabel,
   FormMessage,
 } from "@/components/ui/form";
-import { Tag, TagInput } from "@/components/tag-input";
+import { Tag, TagInput } from "@/components/tag/tag-input";
 import Link from "next/link";
 import { Button, buttonVariants } from "@/components/ui/button";
 import { z } from "zod";
@@ -97,6 +97,7 @@ export default function Hero() {
                           placeholder="Enter a topic"
                           tags={tags}
                           className="sm:min-w-[450px]"
+                          usePopoverForTags
                           setTags={(newTags) => {
                             setTags(newTags);
                             setValue("topics", newTags as [Tag, ...Tag[]]);

diff --git a/components/sections/props.tsx b/components/sections/props.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Tag, TagInput } from "../tag-input";
+import { Tag, TagInput } from "../tag/tag-input";
 import { Label } from "../ui/label";
 import {
   Table,

diff --git a/components/sections/variants.tsx b/components/sections/variants.tsx