added auto-archive script + minor improvements

components/FilterSearchDropdown.tsx

@@ -40,7 +40,7 @@ export default function FilterSearchDropdown({
             <input
               type="checkbox"
               name="search-filter-checkbox"
-              className="checkbox checkbox-primary [--chkfg:white]"
+              className="checkbox checkbox-primary"
               checked={searchFilter.name}
               onChange={() => {
                 setSearchFilter({ ...searchFilter, name: !searchFilter.name });
@@ -58,7 +58,7 @@ export default function FilterSearchDropdown({
             <input
               type="checkbox"
               name="search-filter-checkbox"
-              className="checkbox checkbox-primary [--chkfg:white]"
+              className="checkbox checkbox-primary"
               checked={searchFilter.url}
               onChange={() => {
                 setSearchFilter({ ...searchFilter, url: !searchFilter.url });
@@ -76,7 +76,7 @@ export default function FilterSearchDropdown({
             <input
               type="checkbox"
               name="search-filter-checkbox"
-              className="checkbox checkbox-primary [--chkfg:white]"
+              className="checkbox checkbox-primary"
               checked={searchFilter.description}
               onChange={() => {
                 setSearchFilter({
@@ -97,7 +97,7 @@ export default function FilterSearchDropdown({
             <input
               type="checkbox"
               name="search-filter-checkbox"
-              className="checkbox checkbox-primary [--chkfg:white]"
+              className="checkbox checkbox-primary"
               checked={searchFilter.textContent}
               onChange={() => {
                 setSearchFilter({
@@ -118,7 +118,7 @@ export default function FilterSearchDropdown({
             <input
               type="checkbox"
               name="search-filter-checkbox"
-              className="checkbox checkbox-primary [--chkfg:white]"
+              className="checkbox checkbox-primary"
               checked={searchFilter.tags}
               onChange={() => {
                 setSearchFilter({

components/ModalContent/PreservedFormatsModal.tsx

@@ -50,7 +50,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
       );
     })();
 
-    let interval: NodeJS.Timer | undefined;
+    let interval: any;
     if (link?.screenshotPath === "pending" || link?.pdfPath === "pending") {
       interval = setInterval(async () => {
         const data = await getLink(link.id as number, isPublicRoute);
@@ -191,7 +191,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
         <div className="flex flex-col-reverse sm:flex-row sm:gap-3 items-center justify-center">
           {link?.collection.ownerId === session.data?.user.id ? (
             <div
-              className={`btn btn-accent dark:border-violet-400 text-white ${
+              className={`btn btn-accent w-1/2 dark:border-violet-400 text-white ${
                 link?.pdfPath &&
                 link?.screenshotPath &&
                 link?.pdfPath !== "pending" &&
@@ -213,7 +213,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
               ""
             )}`}
             target="_blank"
-            className={`text-neutral duration-100 hover:opacity-60 flex gap-2 w-fit items-center text-sm ${
+            className={`text-neutral duration-100 hover:opacity-60 flex gap-2 w-1/2 justify-center items-center text-sm ${
               link?.pdfPath &&
               link?.screenshotPath &&
               link?.pdfPath !== "pending" &&

components/ProfilePhoto.tsx

@@ -35,7 +35,7 @@ export default function ProfilePhoto({
         dimensionClass || "w-8 h-8 "
       }`}
     >
-      <div className="bg-base-100 text-neutral rounded-full w-full h-full ring-2 ring-neutral-content">
+      <div className="bg-base-100 text-neutral rounded-full w-full h-full ring-2 ring-neutral-content select-none">
         {name ? (
           <span className="text-2xl capitalize">{name.slice(0, 1)}</span>
         ) : (
@@ -48,7 +48,7 @@ export default function ProfilePhoto({
     </div>
   ) : (
     <div
-      className={`avatar drop-shadow-md ${className || ""} ${
+      className={`avatar skeleton drop-shadow-md ${className || ""} ${
         dimensionClass || "w-8 h-8 "
       }`}
     >