import { useContext, useState } from "react"; import ManageHousehold from "../components/manage/ManageHousehold"; import ManageStores from "../components/manage/ManageStores"; import { HouseholdContext } from "../context/HouseholdContext"; import "../styles/pages/Manage.css"; export default function Manage() { const { activeHousehold } = useContext(HouseholdContext); const [activeTab, setActiveTab] = useState("household"); if (!activeHousehold) { return (

Manage

Loading household...

); } return (

Manage {activeHousehold.name}

{activeTab === "household" && } {activeTab === "stores" && }
); }