Merge pull request #124 from sandboxnu/staging

Filter Feature + Map Rendering Rework

.github/workflows/test.yml

@@ -12,4 +12,5 @@ jobs:
         with:
           node-version: 18.16
       - run: yarn install
-      - run: yarn test
+      - run: yarn test --passWithNoTests
+

README.md

@@ -17,6 +17,8 @@ This is a web app for Northeastern University's students to assists them in find
 NEXTAUTH_SECRET=
 NEXTAUTH_URL=
 
+#MixPanel (use any value for local development)
+NEXT_PUBLIC_MIXPANEL_PROJECT_TOKEN=
 # Mapbox
 
 NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN=

src/components/DropDownMenu.tsx

@@ -3,46 +3,22 @@ import { signOut, useSession } from "next-auth/react";
 import Image from "next/image";
 import Link from "next/link";
 import Spinner from "./Spinner";
-import React, { Fragment, useEffect, useState } from "react";
+import React, { Fragment, useState } from "react";
 import { AiOutlineUser } from "react-icons/ai";
 import { useRouter } from "next/router";
-import { trpc } from "../utils/trpc";
+import useProfileImage from "../utils/useProfileImage";
 
 const DropDownMenu = () => {
   const { data: session } = useSession();
   const router = useRouter();
-  const [profileImageUrl, setProfileImageUrl] = useState("");
   const [isLoading, setIsLoading] = useState(false);
-  const [imageLoadError, setImageLoadError] = useState(false);
+
+  const { profileImageUrl, imageLoadError } = useProfileImage();
 
   const logout = () => {
     signOut();
   };
 
-  const {
-    data: presignedData,
-    error: presignedError,
-    refetch,
-  } = trpc.user.getPresignedDownloadUrl.useQuery({ userId: undefined });
-
-  useEffect(() => {
-    if (presignedData?.url) {
-      setProfileImageUrl(presignedData.url);
-    } else {
-      setProfileImageUrl("");
-    }
-  }, [presignedData]);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      refetch();
-    }, 1000);
-    return () => clearTimeout(timer);
-  }, [refetch]);
-
-  useEffect(() => {
-    setImageLoadError(false);
-  }, [profileImageUrl]);
-
   const handleProfileClick = async () => {
     setIsLoading(true);
     await router.push("/profile");
@@ -64,7 +40,6 @@ const DropDownMenu = () => {
               alt="Profile Image"
               width={50}
               height={50}
-              onError={() => setImageLoadError(true)}
             />
           ) : (
             <AiOutlineUser className="h-12 w-12 rounded-full bg-gray-400" />