From 1b038476c7f529ec1acfafa1097ecca13668b347 Mon Sep 17 00:00:00 2001
From: Vivian Phung <dev+github@vivianphung.com>
Date: Mon, 24 Jun 2024 18:57:38 -0400
Subject: [PATCH] feat: `Settings` screen for org (#224)

This update introduces a new header section within the `Settings` page. It incorporates a `Heading` component from the shared components library, ensuring consistent styling and structure across the app. The `Settings` page layout now features appropriate padding and flexbox for better alignment and spacing.

---
---
 .../frontend/src/pages/org-slug/Settings.tsx  | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/pages/org-slug/Settings.tsx b/packages/frontend/src/pages/org-slug/Settings.tsx
index 818b0837..f843c856 100644
--- a/packages/frontend/src/pages/org-slug/Settings.tsx
+++ b/packages/frontend/src/pages/org-slug/Settings.tsx
@@ -1,5 +1,19 @@
-const Settings = () => {
-  return <div className="p-5">Settings page</div>;
-};
+import { Heading } from 'components/shared/Heading';
 
+const Settings = () => {
+  return (
+    <section className="px-4 md:px-6 py-6 flex flex-col gap-6">
+      {/* Header */}
+      <div className="flex items-center">
+        <div className="grow">
+          <div className="flex gap-4 items-center">
+            <Heading as="h2" className="text-[24px]">
+              Settings
+            </Heading>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
 export default Settings;