diff --git a/src/components/Auth.tsx b/src/components/Auth.tsx
index da8fb17..b3cc0ca 100644
--- 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
index e51518f..3e42aaf 100644
--- 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
index cef914c..4e9b294 100644
--- a/src/components/likedposts/LikedHeader.tsx
+++ b/src/components/likedposts/LikedHeader.tsx
@@ -1,11 +1,14 @@
 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>
@@ -13,15 +16,15 @@ const LikedHeader = () => {
         <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
index 0eb0606..8d0db21 100644
--- 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
index 793e831..f8f50b9 100644
--- 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();