Linux webm002.cluster126.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64

/home/ariannadhf/www/wp-content/plugins/themeisle-companion/dashboard/src/components/

/home/ariannadhf/www/wp-content/plugins/themeisle-companion/dashboard/src/components/App.jsx

 import { Box } from "@chakra-ui/react";
import { useState } from "@wordpress/element";
import "../style.scss";
import { getTabHash } from "../utils/common";
import Header from "./Header";
import { Provider as ChakraProvider } from "./ui/provider";
import { Toaster } from "./ui/toaster";

import AvailableModules from "./AvailableModules";
import RecommendedPlugins from "./RecommendedPlugins";

const App = () => {
  const hash = getTabHash();
  const [activeTab, setActiveTab] = useState(hash ? hash : "modules");

  return (
    <ChakraProvider>
      <Header activeTab={activeTab} setActiveTab={setActiveTab} />

      <Box pt="8" pb="16" bg="bg.muted" flexGrow={1}>
        {activeTab === "modules" && <AvailableModules />}
        {activeTab === "plugins" && <RecommendedPlugins />}
      </Box>

      <Toaster />
    </ChakraProvider>
  );
};

export default App;