From c7de08cbbe930bcaf8de882b12c494664392970f Mon Sep 17 00:00:00 2001
From: ankushKun <ankush4singh@gmail.com>
Date: Thu, 22 Aug 2024 19:30:29 +0530
Subject: [PATCH] licensing coming soon

---
 .../menubar/components/publish-template.tsx   | 38 ++++++++++++++++++-
 next_app/src/components/ui/select.tsx         |  6 +--
 2 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/next_app/src/components/menubar/components/publish-template.tsx b/next_app/src/components/menubar/components/publish-template.tsx
index 16c4554..e0525a9 100644
--- a/next_app/src/components/menubar/components/publish-template.tsx
+++ b/next_app/src/components/menubar/components/publish-template.tsx
@@ -12,6 +12,15 @@ import {
     DialogTitle,
     DialogTrigger,
 } from "@/components/ui/dialog"
+import {
+    Select,
+    SelectContent,
+    SelectGroup,
+    SelectItem,
+    SelectLabel,
+    SelectTrigger,
+    SelectValue,
+} from "@/components/ui/select"
 import Arweave from "arweave";
 import { Input } from "@/components/ui/input";
 import { toast } from "sonner";
@@ -36,6 +45,7 @@ export default function PublishTemplateBtn() {
     const [tquantity, setTquantity] = useState<number>(1)
     const [loading, setLoading] = useState(false)
     const [open, setOpen] = useState(false)
+    const [license, setLicense] = useState<string | null>(null)
 
     const project = globalState.activeProject && manager.getProject(globalState.activeProject)
     const files = project && project.files
@@ -213,10 +223,36 @@ export default function PublishTemplateBtn() {
 
                 </div>
                 <div>
-
                     <Label htmlFor="quantity" className="px-2 text-lg">Number of copies</Label>
                     <Input id="quantity" placeholder="Enter the number of copies you want to mint" type="number" min={1} defaultValue={1} onChange={(e) => setTquantity(parseInt(e.target.value))} />
                 </div>
+
+            </div>
+            <div>
+                <Label htmlFor="license" className="px-2 text-lg">Licensing <span className="text-sm text-muted-foreground">(coming soon)</span></Label>
+                <Select disabled onValueChange={v => setLicense(v)}>
+                    <SelectTrigger className="">
+                        <SelectValue placeholder="Select a License" />
+                    </SelectTrigger>
+                    <SelectContent>
+                        <SelectGroup>
+                            <SelectItem value="none">Unlicensed</SelectItem>
+                        </SelectGroup>
+                        <SelectGroup>
+                            <SelectLabel>Universal Data License</SelectLabel>
+                            <SelectItem value="com-dev">Commercial Use + Derivations</SelectItem>
+                            <SelectItem value="non-com-dev">Non-Commercial Use + Derivations</SelectItem>
+                            <SelectItem value="non-com-non-dev">Non-Commercial Use + No Derivations</SelectItem>
+                        </SelectGroup>
+                        {/* <SelectGroup>
+                            <SelectLabel>OSS License</SelectLabel>
+                            <SelectItem value="mit">MIT</SelectItem>
+                            <SelectItem value="apache">Apache</SelectItem>
+                            <SelectItem value="gpl">GPL</SelectItem>
+                        </SelectGroup> */}
+                    </SelectContent>
+                </Select>
+
             </div>
 
             <div className="flex gap-4 px-2">
diff --git a/next_app/src/components/ui/select.tsx b/next_app/src/components/ui/select.tsx
index fe56d4d..0df7f1e 100644
--- a/next_app/src/components/ui/select.tsx
+++ b/next_app/src/components/ui/select.tsx
@@ -17,7 +17,7 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     )}
     {...props}
@@ -75,7 +75,7 @@ const SelectContent = React.forwardRef<
       className={cn(
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" &&
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       )}
       position={position}
@@ -86,7 +86,7 @@ const SelectContent = React.forwardRef<
         className={cn(
           "p-1",
           position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
         )}
       >
         {children}