From 0411b5c3b9e0b2df0cf3160f1f7f62ff816dcb22 Mon Sep 17 00:00:00 2001
From: Brandon R <54774639+b-j-roberts@users.noreply.github.com>
Date: Wed, 18 Dec 2024 20:43:19 -0600
Subject: [PATCH] dev: frontend warnings (#28)

* Initialize wallet integration with starknetkit

* Info screen, responsive, and add starknet-react

* Cleanup icons

* Fix icons shadows

* Fix build warnings

* Unused import
---
 apps/web/src/App.tsx                | 2 +-
 apps/web/src/components/Header.tsx  | 1 -
 apps/web/src/pages/Collection.tsx   | 2 +-
 apps/web/src/pages/Info.tsx         | 2 +-
 apps/web/src/pages/Inscription.tsx  | 2 +-
 apps/web/src/pages/Inscriptions.tsx | 2 +-
 apps/web/src/pages/Request.tsx      | 2 +-
 7 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
index b96daa0..248cd78 100644
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@@ -26,7 +26,7 @@ export const provider = new RpcProvider({
 function App() {
   // TODO: Move to seperate module ( starknet stuff )
   const { connect, connectors } = useConnect()
-  const { disconnect, error } = useDisconnect()
+  const { disconnect } = useDisconnect()
   const { address, status } = useAccount()
   const { starknetkitConnectModal } = useStarknetkitConnectModal({
     connectors: connectors as StarknetkitConnector[]
diff --git a/apps/web/src/components/Header.tsx b/apps/web/src/components/Header.tsx
index f65273c..50a91e0 100644
--- a/apps/web/src/components/Header.tsx
+++ b/apps/web/src/components/Header.tsx
@@ -1,5 +1,4 @@
 import { NavLink } from "react-router";
-import { useAccount } from "@starknet-react/core";
 import "./Header.css";
 
 function Header(props: any) {
diff --git a/apps/web/src/pages/Collection.tsx b/apps/web/src/pages/Collection.tsx
index 007e53b..3ad048f 100644
--- a/apps/web/src/pages/Collection.tsx
+++ b/apps/web/src/pages/Collection.tsx
@@ -6,7 +6,7 @@ import { mockAddress } from "../api/mock";
 import { getMyNewInscriptions, getMyTopInscriptions, getMyInscriptionRequests } from "../api/inscriptions";
 import { Pagination } from "../components/Pagination";
 
-function Collection(props: any) {
+function Collection(_props: any) {
   const filters = ["New", "Top", "Rare", "Requests"];
   const [activeFilter, setActiveFilter] = useState(filters[0]);
 
diff --git a/apps/web/src/pages/Info.tsx b/apps/web/src/pages/Info.tsx
index 2b03829..bd00adf 100644
--- a/apps/web/src/pages/Info.tsx
+++ b/apps/web/src/pages/Info.tsx
@@ -1,4 +1,4 @@
-function Info(props: any) {
+function Info(_props: any) {
   // TODO: Diagrams
   return (
     <div className="w-full flex flex-col items-center h-max bg__color--primary border-t-2 border-[var(--color-primary-light)]">
diff --git a/apps/web/src/pages/Inscription.tsx b/apps/web/src/pages/Inscription.tsx
index 67c89c2..5658bea 100644
--- a/apps/web/src/pages/Inscription.tsx
+++ b/apps/web/src/pages/Inscription.tsx
@@ -4,7 +4,7 @@ import InscriptionLargeView from "../components/inscription/LargeView";
 import InscriptionProperty from "../components/inscription/Property";
 import { getInscription } from "../api/inscriptions";
 
-function Inscription(props: any) {
+function Inscription(_props: any) {
   let { id } = useParams<{ id: any }>();
 
   const [inscription, setInscription] = useState<any>();
diff --git a/apps/web/src/pages/Inscriptions.tsx b/apps/web/src/pages/Inscriptions.tsx
index 1220f39..83e31b9 100644
--- a/apps/web/src/pages/Inscriptions.tsx
+++ b/apps/web/src/pages/Inscriptions.tsx
@@ -5,7 +5,7 @@ import InscriptionRequestView from "../components/inscription/RequestView";
 import { getHotInscriptions, getNewInscriptions, getInscriptionRequests } from "../api/inscriptions";
 import { Pagination } from "../components/Pagination";
 
-function Inscritpions(props: any) {
+function Inscritpions(_props: any) {
   const filters = ["Hot", "New", "Rare"];
   const [activeFilter, setActiveFilter] = useState(filters[0]);
 
diff --git a/apps/web/src/pages/Request.tsx b/apps/web/src/pages/Request.tsx
index e5bd063..a1be558 100644
--- a/apps/web/src/pages/Request.tsx
+++ b/apps/web/src/pages/Request.tsx
@@ -3,7 +3,7 @@ import { useParams } from "react-router";
 import InscriptionLargeView from "../components/inscription/LargeView";
 import InscriptionProperty from "../components/inscription/Property";
 
-function Request(props: any) {
+function Request(_props: any) {
   // TODO: Implement unique request features: ie cancel, accept, reject, bid, other info, ...
   let { id } = useParams<{ id: string }>();