bug fix

Author: yessGlory17

src/renderer/App.tsx

@@ -20,14 +20,11 @@ import { Input,
   Container,
   Spacer
  } from '@chakra-ui/react';
-import { useEffect,useState, useCon } from 'react';
+
 import { MemoryRouter as Router, Routes, Route } from 'react-router-dom';
-import icon from '../../assets/icon.svg';
 import './App.css';
-import BrowserCollapse from './components/BrowserCollapse';
 import List from './components/List';
 import Searchbar from './components/Searchbar';
-import Webview from './components/Webview';
 import {SearchContextProvider } from './context/SearchContext';
 import { TabContextProvider } from './context/TabContext';
 

src/renderer/components/BrowserCollapse.tsx

@@ -60,7 +60,7 @@ const BrowserCollapse = ({ name, tabUrl, tabId, onOpen, index }) => {
   return (
     <AccordionItem border="none"  >
       <h2>
-        <AccordionButton _expanded={{ bg: '#03c9d7', color: 'white' }} onClick={()=> onOpen(index)} >
+        <AccordionButton _expanded={{ bg: '#03c9d7', color: 'white' }} onClick={(e)=> {onOpen(e,index)}} >
           <IconButton
             backgroundColor="#32363e"
             _hover={{ bg: '#32363e' }}

src/renderer/components/List.tsx

@@ -13,15 +13,13 @@ const List = () => {
     setTabIndex
   } = useContext(TabContext);
 
-  const onOpen = (index) => {
-
+  const onOpen = (e,index) => {
+    e.preventDefault();
     if(currentTabIndex == index) {
       setTabIndex(null)
     }else{
       setTabIndex(index)
     }
-
-    console.log(tabs);
   }
 
 

src/renderer/components/Searchbar.tsx

@@ -22,20 +22,16 @@ const Searchbar = ({}) => {
 
   const onClose = () => setModal(!isModalOpen);
 
-  const { url, setUrl, keyword, setKeyword, onChange, search, searchEngine } =
+  const { url, setUrl, keyword, setKeyword,tabs,closeTab, onChange, search, searchEngine } =
     useContext(SearchContext);
 
-  const { nexTab,setTabIndex } = useContext(TabContext);
+  const { nexTab,setTabIndex,currentTabIndex } = useContext(TabContext);
 
   const handleSetSearchEngineShortcut = useCallback((event) => {
     if (event.ctrlKey && (event.key === 'E' || event.key === 'e')) {
       onClose();
     }
-
     nexTab(event);
-
-
-
   });
 
   useEffect(() => {

src/renderer/context/TabContext.tsx

@@ -22,11 +22,6 @@ export const TabContextProvider = (props) => {
       setTabIndex(Number(event.key) - 1);
 
     }
-
-    if (event.altKey && (event.key === 'X' || event.key === 'x')) {
-      console.log('tab id', tabs);
-      //closeTab(tabs)
-    }
   };
 
   return (