From 468815912755b83778c618499bdf2aa86ba9fc07 Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Sun, 28 Nov 2021 16:35:00 -0600
Subject: [PATCH] fix build linting errors

---
 src/Components/ClaimProject/Claim_CopySignatureCard.tsx   | 6 +-----
 src/Components/ClaimProject/Claim_FundWithdrawCard.tsx    | 2 +-
 .../ClaimProject/Claim_GenerateSignatureCard.tsx          | 8 ++++----
 src/Components/ExplorePage/partials/ProjectCardMini.tsx   | 2 +-
 src/Components/Login/Login_ExternalWalletCard.tsx         | 2 +-
 src/Components/Shared/Button/Button.tsx                   | 2 +-
 src/redux/features/wallet.slice.ts                        | 2 +-
 7 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/Components/ClaimProject/Claim_CopySignatureCard.tsx b/src/Components/ClaimProject/Claim_CopySignatureCard.tsx
index edd7e90..5b6cbeb 100644
--- a/src/Components/ClaimProject/Claim_CopySignatureCard.tsx
+++ b/src/Components/ClaimProject/Claim_CopySignatureCard.tsx
@@ -9,7 +9,7 @@ import { IoClose } from 'react-icons/io5';
 export default function Claim_CopySignatureCard({ onClose, direction, ...props }: ModalCard) {
 
     const dispatch = useAppDispatch();
-    const { projectName, image } = useAppSelector(state => ({ projectName: state.project.project?.title, image: state.project.project?.thumbnail_image, }))
+    const { image } = useAppSelector(state => ({ projectName: state.project.project?.title, image: state.project.project?.thumbnail_image, }))
 
     const generatedHash = '0x000330RaaSt302440zxc327jjiaswf19987183345pRReuBNksbaaueee'
 
@@ -20,10 +20,6 @@ export default function Claim_CopySignatureCard({ onClose, direction, ...props }
         }))
     }, [dispatch])
 
-    const onCopy = () => {
-        // Copy to Clipboard 
-    }
-
     return (
         <motion.div
             custom={direction}
diff --git a/src/Components/ClaimProject/Claim_FundWithdrawCard.tsx b/src/Components/ClaimProject/Claim_FundWithdrawCard.tsx
index 0ad9462..f1938c0 100644
--- a/src/Components/ClaimProject/Claim_FundWithdrawCard.tsx
+++ b/src/Components/ClaimProject/Claim_FundWithdrawCard.tsx
@@ -4,7 +4,7 @@ import { ModalCard, modalCardVariants } from '../Shared/ModalsContainer/ModalsCo
 
 export default function Claim_FundWithdrawCard({ onClose, direction, ...props }: ModalCard) {
 
-    const dispatch = useAppDispatch();
+    //const dispatch = useAppDispatch();
 
 
     return (
diff --git a/src/Components/ClaimProject/Claim_GenerateSignatureCard.tsx b/src/Components/ClaimProject/Claim_GenerateSignatureCard.tsx
index 987a349..4f7cc00 100644
--- a/src/Components/ClaimProject/Claim_GenerateSignatureCard.tsx
+++ b/src/Components/ClaimProject/Claim_GenerateSignatureCard.tsx
@@ -25,10 +25,10 @@ export default function Claim_GenerateSignatureCard({ onClose, direction, ...pro
         // return () => clearTimeout(timeout)
     }, [handleNext])
 
-    const onCopy = () => {
-        // Copy to Clipboard
-        setTimeout(handleNext, 2000)
-    }
+    //const onCopy = () => {
+    //    // Copy to Clipboard
+    //    setTimeout(handleNext, 2000)
+    //}
 
     return (
         <motion.div
diff --git a/src/Components/ExplorePage/partials/ProjectCardMini.tsx b/src/Components/ExplorePage/partials/ProjectCardMini.tsx
index c22e846..71f259e 100644
--- a/src/Components/ExplorePage/partials/ProjectCardMini.tsx
+++ b/src/Components/ExplorePage/partials/ProjectCardMini.tsx
@@ -10,7 +10,7 @@ interface Props {
 export default function ProjectCardMini({ project, onClick }: Props) {
     return (
         <div className="bg-gray-25 select-none px-16 py-16 flex w-[296px] gap-16 border border-gray-200 rounded-10 hover:cursor-pointer hover:bg-gray-100" onClick={() => onClick(project.id)}>
-            <img src={project.img} draggable="false" className="flex-shrink-0 w-80 h-80 bg-gray-200 border-0 rounded-8"></img>
+            <img src={project.img} alt={project.title} draggable="false" className="flex-shrink-0 w-80 h-80 bg-gray-200 border-0 rounded-8"></img>
             <div className="justify-around items-start min-w-0">
                 <p className="text-body4 w-full font-bold overflow-ellipsis overflow-hidden whitespace-nowrap">{project.title}</p>
                 <p className="text-body5 text-gray-600 font-light my-[5px]">{project.category.title}</p>
diff --git a/src/Components/Login/Login_ExternalWalletCard.tsx b/src/Components/Login/Login_ExternalWalletCard.tsx
index 338b7b6..7e75bcc 100644
--- a/src/Components/Login/Login_ExternalWalletCard.tsx
+++ b/src/Components/Login/Login_ExternalWalletCard.tsx
@@ -4,7 +4,7 @@ import { useAppDispatch } from '../../utils/hooks';
 import { ModalCard, modalCardVariants } from '../Shared/ModalsContainer/ModalsContainer'
 import { AiFillThunderbolt } from 'react-icons/ai';
 import CopyToClipboard from 'src/Components/Shared/CopyToClipboard/CopyToClipboard';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect } from 'react';
 import { IoClose } from 'react-icons/io5';
 
 export default function Login_ExternalWalletCard({ onClose, direction, ...props }: ModalCard) {
diff --git a/src/Components/Shared/Button/Button.tsx b/src/Components/Shared/Button/Button.tsx
index fa66cd3..3f164c0 100644
--- a/src/Components/Shared/Button/Button.tsx
+++ b/src/Components/Shared/Button/Button.tsx
@@ -1,4 +1,4 @@
-import { ReactChild, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Link } from 'react-router-dom'
 
 interface Props {
diff --git a/src/redux/features/wallet.slice.ts b/src/redux/features/wallet.slice.ts
index 5c38389..3d9732b 100644
--- a/src/redux/features/wallet.slice.ts
+++ b/src/redux/features/wallet.slice.ts
@@ -1,4 +1,4 @@
-import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { createSlice } from "@reduxjs/toolkit";
 
 interface StoreState {
   isConnected: boolean;