2025-01-10 13:38:47 +01:00
|
|
|
import Container from '../../ReusableComponents/Container';
|
2025-01-10 15:16:05 +01:00
|
|
|
import SettingsNavigation from './Components/Navigation';
|
2025-01-28 08:59:06 +01:00
|
|
|
import { getSettingsTabs } from './Tabs';
|
2024-11-21 13:08:38 +01:00
|
|
|
|
2025-01-28 08:59:06 +01:00
|
|
|
const SettingsScreen = ( { activePanel, setActivePanel } ) => {
|
2024-11-21 13:08:38 +01:00
|
|
|
const tabs = getSettingsTabs();
|
2025-01-28 08:59:06 +01:00
|
|
|
const { Component } = tabs.find( ( tab ) => tab.name === activePanel );
|
2025-02-10 18:54:31 +01:00
|
|
|
|
2024-11-21 13:08:38 +01:00
|
|
|
return (
|
|
|
|
<>
|
2025-01-28 08:59:06 +01:00
|
|
|
<SettingsNavigation
|
|
|
|
tabs={ tabs }
|
|
|
|
activePanel={ activePanel }
|
|
|
|
setActivePanel={ setActivePanel }
|
|
|
|
/>
|
|
|
|
<Container page="settings">{ Component }</Container>
|
2024-11-21 13:08:38 +01:00
|
|
|
</>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default SettingsScreen;
|