npm run format

src/App.tsx

@@ -20,7 +20,7 @@ console.log(
 ╚██████╔╝██║     ███████╗██║ ╚████║    ███████║██║  ██║╚██████╔╝╚██████╗███████╗██████╔╝
  ╚═════╝ ╚═╝     ╚══════╝╚═╝  ╚═══╝    ╚══════╝╚═╝  ╚═╝ ╚═════╝  ╚═════╝╚══════╝╚═════╝%c v${getAppVersion()}`,
   "color:#f6d82b",
-  "color:green;font-weight:bold"
+  "color:green;font-weight:bold",
 );
 
 const App = (): JSX.Element => {

src/components/Hero.tsx

@@ -57,18 +57,27 @@ const Hero = () => {
       <div>
         <h1 className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight">
           {`Find `}
+
           <span className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent">
             Open-Source Repositories
           </span>
+
           <br />
           to contribute today
         </h1>
       </div>
 
-      <Combobox as="div" value={comboBoxSelection} onChange={setComboBoxSelection}>
+      <Combobox
+        as="div"
+        value={comboBoxSelection}
+        onChange={setComboBoxSelection}
+      >
         <div className="mt-11 px-4 py-2.5  bg-white shadow-2xl rounded-2xl md:min-w-[26.375rem] flex justify-between">
           <div className="flex items-center gap-x-2.5">
-            <img alt="search icon" src={searchNormal} />
+            <img
+              alt="search icon"
+              src={searchNormal}
+            />
 
             <Combobox.Button ref={comboButtonRef}>
               <Combobox.Input
@@ -78,13 +87,12 @@ const Hero = () => {
                 placeholder="Search repositories"
                 type="text"
                 value={searchTerm}
-                onChange={(e) => setValueDebounced(e.target.value)}
+                onChange={e => setValueDebounced(e.target.value)}
                 onFocus={() => setFocus(true)}
                 onBlur={() =>
                   setTimeout(() => {
                     setFocus(false);
-                  }, 200)
-                }
+                  }, 200)}
                 onKeyUp={(event: React.KeyboardEvent) => {
                   if (event.key === "Enter") {
                     window.open(comboBoxSelection, "_blank", "noreferrer");
@@ -94,7 +102,11 @@ const Hero = () => {
             </Combobox.Button>
           </div>
 
-          <img alt="command k" className="pt-1.5" src={cmdKIcon} />
+          <img
+            alt="command k"
+            className="pt-1.5"
+            src={cmdKIcon}
+          />
         </div>
 
         <div className="mt-2.5">
@@ -105,7 +117,7 @@ const Hero = () => {
                   <p className="text-gray-500 text-sm font-semibold">Repository</p>
                 </div>
 
-                {fetchedData.map((data) => (
+                {fetchedData.map(data => (
                   <Combobox.Option
                     key={data.full_name}
                     as="a"

src/components/HotRepoCard.tsx

@@ -5,9 +5,7 @@ import Skeleton from "react-loading-skeleton";
 import { getAvatarLink } from "../lib/github";
 import humanizeNumber from "../lib/humanizeNumber";
 
-import StackedAvatar from "./StackedAvatar";
 import useRepo from "../hooks/useRepo";
-// import useContributions from "../hooks/useContributions";
 
 const bugReportLink = "https://github.com/open-sauced/hot/issues/new?assignees=&title=fix:";
 
@@ -17,7 +15,6 @@ export declare interface HotRepoCardProps {
 
 const HotRepoCard = ({ repoName }: HotRepoCardProps): JSX.Element => {
   const { repo, isLoading, isError } = useRepo(repoName);
-  // const { data: contributions } = useContributions(repoName);
 
   if (isError) {
     return (

src/components/PrimaryNav.tsx

@@ -19,13 +19,10 @@ const bugReportLink =
 const PrimaryNav = (): JSX.Element => {
   const { signIn, signOut, userAndTokens } = useSupabaseAuth();
   const currentUser = supabase.auth.session();
-  const [isFormOpen, setIsFormOpen] = useState(false);
   const [openAdminBar, setOpenAdminBar] = useState(false);
 
   useKey("`", () => setOpenAdminBar(!openAdminBar));
 
-  const handleFormOpen = (state: boolean) => setIsFormOpen(state);
-
   useEffect(() => {
     const fetchAuthSession = async () => {
       if (currentUser?.access_token) {
@@ -112,19 +109,6 @@ const PrimaryNav = (): JSX.Element => {
                   )}
                 </Menu.Item>
 
-                <Menu.Item>
-                  {({ active }) => (
-                    <button
-                      className={`${
-                        active ? "bg-gray-100 text-gray-700" : "text-gray-900"
-                      } group flex w-full items-center rounded-md px-5 py-1.5 text-sm`}
-                      onClick={() => handleFormOpen(true)}
-                    >
-                      Submit a repository
-                    </button>
-                  )}
-                </Menu.Item>
-
                 <Menu.Item>
                   {({ active }) => (
                     <button

src/components/RepoList.tsx

@@ -2,12 +2,6 @@
 import { FaStar } from "react-icons/fa";
 import humanizeNumber from "../lib/humanizeNumber";
 import { getAvatarLink, getRepoLink } from "../lib/github";
-// import StackedAvatar from "./StackedAvatar";
-import useContributions from "../hooks/useContributions";
-
-async function checkOwnerExists(owner: string) {
-  return await ownerExists(owner);
-}
 
 export declare interface RepoListProps {
   data: DbRepo;
@@ -17,13 +11,14 @@ const RepoList = ({ data }: RepoListProps): JSX.Element => {
   const {
     repo_name,
     star_count,
-    bucket,
 
     // contributionsCount,
   } = data;
 
-  // {repo_name} consists of `{owner}/{repo}`, so this link is actually `repos/{owner}/{repo}/contributions`
-  // const { data: contributions } = useContributions(repo_name);
+  /*
+   * {repo_name} consists of `{owner}/{repo}`, so this link is actually `repos/{owner}/{repo}/contributions`
+   * const { data: contributions } = useContributions(repo_name);
+   */
 
   const owner = repo_name.split("/")[0];
 
@@ -49,8 +44,6 @@ const RepoList = ({ data }: RepoListProps): JSX.Element => {
 
               <p className="text-sm">{humanizeNumber(star_count)} today</p>
             </div>
-
-            {/* <StackedAvatar contributors={contributions} /> */}
           </div>
         </div>
       </div>

src/components/SecondaryNav.tsx

@@ -27,7 +27,10 @@ const SecondaryNav = (): JSX.Element => {
         <nav className="container">
           <div className="flex space-y-3 flex-row flex-wrap text-sm sm:text-xl font-righteous text-accent font-bold justify-center items-baseline cursor-pointer">
             {links.map(({ link, title }) => (
-              <Link key={link} to={link}>
+              <Link
+                key={link}
+                to={link}
+              >
                 <span
                   className={`${
                     activeLink === link ? "bg-cheesyYellow text-grey " : " "

src/e2e-tests/loggedOutUser.spec.ts

@@ -7,5 +7,4 @@ test("logged out user should see sign in button", async ({ page }) => {
   const login = page.locator("button", { hasText: "Sign in" });
 
   await expect(login).toBeVisible();
-
 });

src/lib/github.ts

@@ -10,15 +10,15 @@ const getRepoLink = (repoName: string | null) =>
 const getRepoIssuesLink = (repoName: string | null) =>
   `https://github.com/${repoName && `${repoName}/issues` || ""}`;
 
-async function userStatusCode(owner: String) {
+async function userStatusCode (owner: string) {
   const apiUserUrl = `https://api.github.com/users/${owner}`;
   const response = await fetch(apiUserUrl);
-  const {login} = await response.json();
+  const { login } = await response.json();
+
   if (apiUserUrl !== response.url) {
     return [301, login];
-  } else {
-    return [response.status,""];
   }
+  return [response.status, ""];
 }
 
 export {

src/vite-types.d.ts

@@ -32,6 +32,7 @@ interface DbRepo {
   readonly starsCount?: number;
   readonly submissionsCount?: number;
   readonly stargazersCount?: number;
+  readonly star_count?: number;
 }
 
 interface DbRepoToUserVotes {