fix: a lot of formatting bugfixes (#38)

PostHog · Sep 1, 2023 · cead27b · cead27b
1 parent d55bec5
commit cead27b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 20 deletions.
diff --git a/frontend/src/pages/Backups/Backups.tsx b/frontend/src/pages/Backups/Backups.tsx
@@ -131,7 +131,6 @@ export default function Backups() {
         <div>
             <h1 style={{ textAlign: 'left' }}>Backups</h1>
             <Button onClick={showModal}>Create Backup</Button>
-            <br />
             <Modal
                 title="Create Backup"
                 open={open}
@@ -185,12 +184,7 @@ export default function Backups() {
                     </Form.Item>
                 </Form>
             </Modal>
-            <Row gutter={8} style={{ paddingBottom: 8 }}>
-                <ul>
-                    <Table columns={columns} dataSource={backups.backups} loading={loadingBackups} />
-                </ul>
-            </Row>
-            <br />
+            <Table columns={columns} dataSource={backups.backups} loading={loadingBackups} />
         </div>
     )
 }
diff --git a/frontend/src/pages/Backups/ScheduledBackups.tsx b/frontend/src/pages/Backups/ScheduledBackups.tsx
@@ -131,8 +131,7 @@ export default function ScheduledBackups() {
         { title: 'Last Run Time', dataIndex: 'last_run_time' },
         { title: 'Database', dataIndex: 'database' },
         { title: 'Table', dataIndex: 'table' },
-        { title: 'Bucket', dataIndex: 'bucket' },
-        { title: 'Path', dataIndex: 'path' },
+        { title: 'S3 Location', dataIndex: 'bucket', render: (_, sched) => 's3://' + sched.bucket + '/' + sched.path },
         { title: 'Created At', dataIndex: 'created_at' },
         {
             title: '',
@@ -174,7 +173,6 @@ export default function ScheduledBackups() {
         <div>
             <h1 style={{ textAlign: 'left' }}>Scheduled Backups</h1>
             <Button onClick={showModal}>Create Backup</Button>
-            <br />
             <Modal
                 title="Create Backup"
                 open={open}
@@ -244,12 +242,7 @@ export default function ScheduledBackups() {
                     </Form.Item>
                 </Form>
             </Modal>
-            <Row gutter={8} style={{ paddingBottom: 8 }}>
-                <ul>
-                    <Table columns={columns} dataSource={backups.backups} loading={loadingBackups} />
-                </ul>
-            </Row>
-            <br />
+            <Table columns={columns} dataSource={backups.backups} loading={loadingBackups} />
         </div>
     )
 }
diff --git a/frontend/src/pages/Clusters/Clusters.tsx b/frontend/src/pages/Clusters/Clusters.tsx
@@ -67,8 +67,8 @@ export default function Clusters() {
     return (
         <div>
             <h1 style={{ textAlign: 'left' }}>Clusters</h1>
-            <br />
-            <Row gutter={8} style={{ paddingBottom: 8 }}>
+            <p>These are the clusters that are configured in the connected ClickHouse instance</p>
+            <div>
                 <ul>
                     {clusters.clusters.map(cluster => (
                         <>
@@ -77,8 +77,7 @@ export default function Clusters() {
                         </>
                     ))}
                 </ul>
-            </Row>
-            <br />
+            </div>
         </div>
     )
 }