fix: image imports

rdtabb · Sep 23, 2023 · e31be31 · e31be31
1 parent ed66d83
commit e31be31
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 7 deletions.
diff --git a/src/components/Auth.tsx b/src/components/Auth.tsx
@@ -12,6 +12,7 @@ import {
   DocumentData,
 } from "firebase/firestore";
 import MeetsLogoIcon from "../assets/meets-logo.svg";
+import GoogleIcon from '../assets/google-icon.svg'
 import useGeneralContext from "../hooks/useContextHooks/useGeneralContext";
 
 export const Auth = () => {
@@ -64,7 +65,7 @@ export const Auth = () => {
       </div>
       <h1 className="auth__header">Sign in with Google</h1>
       <button onClick={signin} className="auth__signin">
-        <img className="signin-icon" src="src/assets/google-icon.svg" alt="" />
+        <img className="signin-icon" src={GoogleIcon} alt="Google icon" />
         Sign in
       </button>
     </main>

diff --git a/src/components/Profile/AvatarImage.tsx b/src/components/Profile/AvatarImage.tsx
@@ -1,6 +1,7 @@
 import { memo } from "react";
 import { useDispatch } from "react-redux";
 import { setOpenPopupType } from "../../features/modal/modalSlice";
+import EditPopupIcon from '../../assets/editPopupIcon.svg'
 
 type AvatarImageProps = {
   userPicture: string;
@@ -20,7 +21,7 @@ const AvatarImage = ({ userPicture }: AvatarImageProps) => {
       />
       <img
         className="avatar-wrapper__icon"
-        src="src/assets/editPopupIcon.svg"
+        src={EditPopupIcon}
         alt="edit profile icon"
       />
     </div>

diff --git a/src/components/likedposts/LikedHeader.tsx b/src/components/likedposts/LikedHeader.tsx
@@ -1,27 +1,30 @@
 import { Link } from "react-router-dom";
 import Signout from "../Signout/Signout";
+import MeetsLogoIcon from '../../assets/meets-logo.svg'
+import SearchIcon from '../../assets/icons8-search.svg'
+import ProfileIcon from '../../../public/profile-icon.svg'
 
 const LikedHeader = () => {
   return (
     <header className="header header-profile">
       <img
-        src="src/assets/meets-logo.svg"
+        src={MeetsLogoIcon}
         alt="Meets-logo"
         className="header__logo"
       ></img>
       <div className="header__routes">
         <Link className="header__search" to="/usersearch">
           <img
             className="header__search-icon header__icon"
-            src="src/assets/icons8-search.svg"
+            src={SearchIcon}
             alt="search-icon"
           />
         </Link>
         <Link to="/">
           <img
             className="header__icon"
-            src="../../../public/profile-icon.svg"
-            alt=""
+            src={ProfileIcon}
+            alt="ProfileIcoon"
           />
         </Link>
         <Signout />

diff --git a/src/hooks/useQueryHooks/useComments.tsx b/src/hooks/useQueryHooks/useComments.tsx
@@ -6,7 +6,7 @@ import {
   UseQueryResult,
 } from "@tanstack/react-query";
 import { handleAddComment, fetchComments } from "../../methods/methods";
-import { AddCommentMutationProps } from "../../types/Types";
+import { AddCommentMutationProps, Comment } from "../../types/Types";
 
 type UseCommentType = "query" | "mutation";
 

diff --git a/src/methods/methods.ts b/src/methods/methods.ts
@@ -82,6 +82,7 @@ export const handleAddComment = async ({
   post,
   id: userid,
 }: AddCommentMutationProps): Promise<void> => {
+  if (typeof userid === "undefined") throw new Error("You cannot provide uid of type undefined")
   const userdoc = doc(db, "users", userid);
   const dataSnap = await getDoc(userdoc);
   const dataset = dataSnap.data();