From a5014f59c307d5a89905f0fa960bae9b50d91878 Mon Sep 17 00:00:00 2001
From: mbchavez27 <=epikstrykermaxchavez23@gmail.com>
Date: Tue, 8 Oct 2024 17:16:26 +0800
Subject: [PATCH] fixed issue #2: duplicate shortlink error message

---
 src/components/Forms/CreateLink.tsx | 22 ++++++++++++++++------
 src/components/Forms/EditLink.tsx   | 22 ++++++++++++++++------
 2 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/src/components/Forms/CreateLink.tsx b/src/components/Forms/CreateLink.tsx
index cc12170..789a0f7 100644
--- 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
index d477305..350078e 100644
--- 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>
                     </>