Add Docs button

aptible · Dec 13, 2024 · bddc100 · bddc100
1 parent 247945b
commit bddc100
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/ui/pages/diagnostics-detail.tsx b/src/ui/pages/diagnostics-detail.tsx
@@ -13,6 +13,7 @@ import {
   DetailHeader,
   DetailInfoGrid,
   DetailInfoItem,
+  DetailTitleBar,
   FormGroup,
   FormGroupFeedback,
   Group,
@@ -59,16 +60,17 @@ export const DiagnosticsDetailPage = () => {
       />
 
       <DetailHeader>
-        <div className="flex justify-between items-center">
-          <Group size="sm" variant="horizontal" className="items-center">
+        <DetailTitleBar
+          title="Diagnostics Details"
+          icon={
             <img
-              className="w-[32px] h-[32px]"
-              alt="Stack icon"
               src="/resource-types/logo-diagnostics.png"
+              className="w-[32px] h-[32px] mr-3"
+              aria-label="App"
             />
-            <h1 className="text-lg text-gray-500">Diagnostics Details</h1>
-          </Group>
-        </div>
+          }
+          docsUrl="https://docs.aptible.ai/home"
+        />
 
         <form>
           <div className="flex items-center gap-4">

diff --git a/src/ui/pages/diagnostics.tsx b/src/ui/pages/diagnostics.tsx
@@ -61,10 +61,10 @@ export const DiagnosticsPage = () => {
 
       <Table>
         <THead>
-          <Th>Symptom</Th>
+          <Th>Issues</Th>
           <Th>App</Th>
           <Th>Environment</Th>
-          <Th>Created</Th>
+          <Th>Time Range</Th>
         </THead>
 
         <TBody>
@@ -101,7 +101,7 @@ export const DiagnosticsPage = () => {
               </div>
             </Td>
             <Td className="flex-1">
-              <p>2024-11-16 01:11:18 UTC</p>
+              <p>2024-12-01 10:11:00 - 10:21:00 UTC</p>
             </Td>
           </Tr>
         </TBody>