♻️ chore: remove unused hooks/vars

src/components/Header/styles.ts

@@ -1,5 +1,4 @@
 import styled, { css } from 'styled-components';
-import { darken } from 'polished';
 
 interface IBadgeProps {
   hasProducts: number;

src/components/Modal/ModalSearch/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback } from 'react';
+import React, { useEffect, useState } from 'react';
 import { FiArrowLeft } from 'react-icons/fi';
 import { FiSearch } from 'react-icons/fi';
 

src/components/Modal/index.tsx

@@ -1,5 +1,4 @@
-import React, { useState, useEffect, useContext } from 'react';
-import { ThemeContext } from 'styled-components';
+import React, { useState, useEffect } from 'react';
 import ReactModal from 'react-modal';
 
 interface IModalProps {
@@ -10,7 +9,6 @@ interface IModalProps {
 
 const Modal: React.FC<IModalProps> = ({ children, isOpen, setIsOpen }) => {
   const [modalStatus, setModalStatus] = useState(isOpen);
-  // const { title, colors } = useContext(ThemeContext);
 
   useEffect(() => {
     setModalStatus(isOpen);

src/components/Product/index.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 
 import { Link } from 'react-router-dom';
 import { Container } from './styles';

src/hooks/cart.tsx

@@ -75,7 +75,7 @@ const CartProvider: React.FC = ({ children }) => {
 
       if (!foundProduct) return 0;
 
-      const [_, value] = foundProduct?.price.split(' ');
+      const [, value] = foundProduct?.price.split(' ');
       const subtotal = foundProduct?.quantity * Number(value.replace(',', '.'));
       return subtotal;
     },

src/pages/Details/index.tsx

@@ -1,5 +1,4 @@
 import React, {
-  useMemo,
   useState,
   useEffect,
   useCallback,

src/styles/global.ts

@@ -1,4 +1,4 @@
-import { createGlobalStyle, css } from 'styled-components';
+import { createGlobalStyle } from 'styled-components';
 
 // import 'react-toggle/style.css';