diff --git a/frontend/src/App.js b/frontend/src/App.js
index 069539c..606643f 100644
--- a/frontend/src/App.js
+++ b/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,21 +37,19 @@ function App() {
return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
);
diff --git a/frontend/src/components/ContentView.js b/frontend/src/components/ContentView.js
index cb88264..a9ab3ed 100644
--- a/frontend/src/components/ContentView.js
+++ b/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 (
diff --git a/frontend/src/components/MainContent.js b/frontend/src/components/MainContent.js
index e837b3f..cdbfe38 100644
--- a/frontend/src/components/MainContent.js
+++ b/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 = () => {
-
+
diff --git a/frontend/src/contexts/TabContext.js b/frontend/src/contexts/TabContext.js
deleted file mode 100644
index 4123479..0000000
--- a/frontend/src/contexts/TabContext.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React, { createContext, useContext, useState } from 'react';
-
-const TabContext = createContext();
-
-export const TabProvider = ({ children }) => {
- const [activeTab, setActiveTab] = useState('source');
-
- return (
-
- {children}
-
- );
-};
-
-export const useTabContext = () => useContext(TabContext);