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);