chore: remove the link if the author is not available (#169)

* chore: remove the link if the author is not available

* chore: extract collaborator hook

components/PackageSidebar.tsx

@@ -6,6 +6,7 @@ import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { FaGithub, FaHome, FaUser } from 'react-icons/fa';
 
+import useHasCollaborator from '../helpers/hooks/useHasCollaborator';
 import { copyTextToClipboard } from '../lib/utils';
 
 import MonthlyDownloadsChart from './MonthlyDownloadsChart';
@@ -70,6 +71,8 @@ export default function PackageSidebar({
     router.push(`/packages/${packageName}/versions/${selectedVersion}`);
   }
 
+  const availableAuthor = useHasCollaborator(maintainer.name);
+
   return (
     <div className="space-y-6">
       <div>
@@ -218,9 +221,13 @@ export default function PackageSidebar({
         <div className="w-1/2">
           <SidebarHeader>Maintainer</SidebarHeader>
           <SidebarValue Icon={FaUser}>
-            <Link href={`/collaborators/name/${encodeURI(maintainer.name)}`}>
-              {maintainer.name}
-            </Link>
+            {availableAuthor ? (
+              <Link href={`/collaborators/name/${encodeURI(maintainer.name)}`}>
+                {maintainer.name}
+              </Link>
+            ) : (
+              maintainer.name
+            )}
           </SidebarValue>
         </div>
         {lastPublished && (

helpers/hooks/useHasCollaborator.ts

@@ -0,0 +1,18 @@
+import { useEffect, useState } from 'react';
+
+const useHasCollaborator = (name: string): boolean => {
+  const [availableAuthor, setAvailableAuthor] = useState(false);
+
+  useEffect(() => {
+    const fetchCollaborator = async () => {
+      const res = await fetch(`/collaborators/name/${encodeURI(name)}`);
+      setAvailableAuthor(res.status === 200);
+    };
+
+    fetchCollaborator();
+  }, [name]);
+
+  return availableAuthor;
+};
+
+export default useHasCollaborator;