fixed issue #2: duplicate shortlink error message

dlsu-lscs · Oct 8, 2024 · a5014f5 · a5014f5
1 parent bd262e4
commit a5014f5
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 12 deletions.
diff --git a/src/components/Forms/CreateLink.tsx b/src/components/Forms/CreateLink.tsx
@@ -90,12 +90,22 @@ export const CreateLink = () => {
                     <>
                       <FormItem>
                         <FormLabel className="text-white">Short Link</FormLabel>
-                        <FormControl>
-                          <Input
-                            {...field}
-                            className="text-white bg-[#030711] border-2 border-[#1D283A] rounded-lg"
-                          />
-                        </FormControl>
+                        <div className="flex space-x-1">
+                          <FormControl>
+                            <Input
+                              {...field}
+                              disabled
+                              value={"lscs.info/"}
+                              className="text-white bg-[#333437] border-2 border-[#1D283A] rounded-l-lg w-1/4"
+                            />
+                          </FormControl>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              className="text-white bg-[#030711] border-2 border-[#1D283A] rounded-lg"
+                            />
+                          </FormControl>
+                        </div>
                         <FormMessage />
                       </FormItem>
                     </>

diff --git a/src/components/Forms/EditLink.tsx b/src/components/Forms/EditLink.tsx
@@ -130,12 +130,22 @@ export const EditLink = ({ linkID }: editLink) => {
                     <>
                       <FormItem>
                         <FormLabel className="text-white">Short Link</FormLabel>
-                        <FormControl>
-                          <Input
-                            {...field}
-                            className="text-white bg-[#030711] border-2 border-[#1D283A] rounded-lg"
-                          />
-                        </FormControl>
+                        <div className="flex space-x-1">
+                          <FormControl>
+                            <Input
+                              {...field}
+                              disabled
+                              value={"lscs.info/"}
+                              className="text-white bg-[#333437] border-2 border-[#1D283A] rounded-l-lg w-1/4"
+                            />
+                          </FormControl>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              className="text-white bg-[#030711] border-2 border-[#1D283A] rounded-lg"
+                            />
+                          </FormControl>
+                        </div>
                         <FormMessage />
                       </FormItem>
                     </>