Remove Tab Context

frontend/src/App.js

@@ -5,7 +5,6 @@ import Header from './components/Header';
 import MainContent from './components/MainContent';
 import { SettingsProvider, useSettings } from './contexts/SettingsContext';
 import { ModalProvider } from './contexts/ModalContext';
-import { TabProvider } from './contexts/TabContext';
 import { GitOperationsProvider } from './contexts/GitOperationsContext';
 import { FileListProvider } from './contexts/FileListContext';
 import { FileSelectionProvider } from './contexts/FileSelectionContext';
@@ -38,7 +37,6 @@ function App() {
   return (
     <SettingsProvider>
       <ModalProvider>
-        <TabProvider>
         <GitOperationsProvider>
           <FileListProvider>
             <FileManagementProvider>
@@ -52,7 +50,6 @@ function App() {
             </FileManagementProvider>
           </FileListProvider>
         </GitOperationsProvider>
-        </TabProvider>
       </ModalProvider>
     </SettingsProvider>
   );

frontend/src/components/ContentView.js

@@ -5,11 +5,9 @@ import { Text } from '@geist-ui/core';
 import { getFileUrl } from '../services/api';
 import { isImageFile } from '../utils/fileHelpers';
 import { useFileSelection } from '../contexts/FileSelectionContext';
-import { useTabContext } from '../contexts/TabContext';
 
-const ContentView = () => {
+const ContentView = ({ activeTab }) => {
   const { selectedFile } = useFileSelection();
-  const { activeTab } = useTabContext();
 
   if (!selectedFile) {
     return (

frontend/src/components/MainContent.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Grid, Breadcrumbs, Tabs, Dot } from '@geist-ui/core';
 import { Code, Eye } from '@geist-ui/icons';
 import FileTree from './FileTree';
@@ -7,14 +7,13 @@ import ContentView from './ContentView';
 import CreateFileModal from './modals/CreateFileModal';
 import DeleteFileModal from './modals/DeleteFileModal';
 import CommitMessageModal from './modals/CommitMessageModal';
-import { useTabContext } from '../contexts/TabContext';
 import { useEditorContent } from '../contexts/EditorContentContext';
 import { useFileSelection } from '../contexts/FileSelectionContext';
 
 const MainContent = () => {
+  const [activeTab, setActiveTab] = useState('source');
   const { hasUnsavedChanges } = useEditorContent();
   const { selectedFile } = useFileSelection();
-  const { activeTab, setActiveTab } = useTabContext();
 
   const handleTabChange = (value) => {
     setActiveTab(value);
@@ -62,7 +61,7 @@ const MainContent = () => {
             </Tabs>
           </div>
           <div className="content-body">
-            <ContentView />
+            <ContentView activeTab={activeTab} />
           </div>
         </Grid>
       </Grid.Container>

frontend/src/contexts/TabContext.js

@@ -1,15 +0,0 @@
-import React, { createContext, useContext, useState } from 'react';
-
-const TabContext = createContext();
-
-export const TabProvider = ({ children }) => {
-  const [activeTab, setActiveTab] = useState('source');
-
-  return (
-    <TabContext.Provider value={{ activeTab, setActiveTab }}>
-      {children}
-    </TabContext.Provider>
-  );
-};
-
-export const useTabContext = () => useContext(TabContext);