implemented basic support for pdf, png and jpg

components/ModalContent/NewLinkModal.tsx

@@ -41,8 +41,6 @@ export default function NewLinkModal({ onClose }: Props) {
   const { addLink } = useLinkStore();
   const [submitLoader, setSubmitLoader] = useState(false);
 
-  const [resetCollectionSelection, setResetCollectionSelection] = useState("");
-
   const [optionsExpanded, setOptionsExpanded] = useState(false);
 
   const router = useRouter();
@@ -66,9 +64,6 @@ export default function NewLinkModal({ onClose }: Props) {
   };
 
   useEffect(() => {
-    setResetCollectionSelection(Date.now().toString());
-    console.log(link);
-
     setOptionsExpanded(false);
     if (router.query.id) {
       const currentCollection = collections.find(
@@ -123,7 +118,10 @@ export default function NewLinkModal({ onClose }: Props) {
 
   return (
     <Modal toggleModal={onClose}>
-      <p className="text-xl mb-5 font-thin">Create a New Link</p>
+      <p className="text-xl font-thin">Create a New Link</p>
+
+      <div className="divider my-3"></div>
+
       <div className="grid grid-flow-row-dense sm:grid-cols-5 gap-3">
         <div className="sm:col-span-3 col-span-5">
           <p className="mb-2">Link</p>
@@ -143,7 +141,6 @@ export default function NewLinkModal({ onClose }: Props) {
                 label: link.collection.name,
                 value: link.collection.id,
               }}
-              id={resetCollectionSelection}
             />
           ) : null}
         </div>