company flows

frontend/src/components/DashboardPage.jsx

@@ -28,6 +28,7 @@ import { useCallback, useEffect, useState } from "react";
 import { getCurrentAccount, getMyCompanyDomain } from "../api";
 import Brand from "./Brand";
 import CompanyDnsSetup from "./CompanyDnsSetup";
+import CompanyDomains from "./CompanyDomains";
 import CompanyOverviewSetup, { isOrgSetupComplete } from "./CompanyOverviewSetup";
 import ComposeModal from "./ComposeModal";
 import MailboxView from "./MailboxView";
@@ -361,7 +362,7 @@ export default function DashboardPage() {
       </aside>
 
       <main className="dashboard-content">
-        {companyActive && companyActive !== "Overview" && (
+        {companyActive && !["Overview", "Domains"].includes(companyActive) && (
           <div className="dashboard-content-heading">
             <div><p>{workspaceTitle}</p><h1>{companyActive}</h1></div>
             <span className="dashboard-account-pill">{workspaceLabel}</span>
@@ -416,15 +417,17 @@ export default function DashboardPage() {
             }}
           />
         )}
-        {companyActive && companyActive !== "Overview" && (
+        {companyActive === "Domains" && isDomainOwner && (
+          <CompanyDomains
+            account={account}
+            primaryDomainName={account.company_domain}
+          />
+        )}
+        {companyActive && !["Overview", "Domains"].includes(companyActive) && (
           <section className="dashboard-empty dashboard-company-view">
             <span><Sparkles size={24} /></span>
             <h2>{companyActive}</h2>
-            <p>
-              {companyActive === "Domains" && companyDomain
-                ? `Manage DNS and delivery for ${companyDomain.domain_name}.`
-                : `Company ${companyActive.toLowerCase()} controls will appear here.`}
-            </p>
+            <p>Company {companyActive.toLowerCase()} controls will appear here.</p>
           </section>
         )}
         {!companyActive && !["Inbox", "Outbox", "Trash"].includes(active) && (