From 9c85704be3c687ae02340ab688e1583d8c2e022f Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 23 Jun 2023 11:09:03 +0530
Subject: [PATCH] style: profile settings, activity, preference page padding
 (#1335)

---
 apps/app/pages/[workspaceSlug]/me/profile/activity.tsx    | 6 +++---
 apps/app/pages/[workspaceSlug]/me/profile/index.tsx       | 6 +++---
 apps/app/pages/[workspaceSlug]/me/profile/preferences.tsx | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx b/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx
index db9b1e55b..3fe99df92 100644
--- a/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx
+++ b/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx
@@ -4,6 +4,7 @@ import useSWR from "swr";
 import userService from "services/user.service";
 // layouts
 import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
+import SettingsNavbar from "layouts/settings-navbar";
 // components
 import { Feeds } from "components/core";
 // ui
@@ -11,7 +12,6 @@ import { Loader } from "components/ui";
 import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
 // fetch-keys
 import { USER_ACTIVITY } from "constants/fetch-keys";
-import SettingsNavbar from "layouts/settings-navbar";
 
 const ProfileActivity = () => {
   const { data: userActivity } = useSWR(USER_ACTIVITY, () => userService.getUserActivity());
@@ -24,8 +24,8 @@ const ProfileActivity = () => {
         </Breadcrumbs>
       }
     >
-      <div className="px-24 py-8">
-        <div className="mb-12 space-y-6">
+      <div className="p-8">
+        <div className="mb-8 space-y-6">
           <div>
             <h3 className="text-3xl font-semibold">Profile Settings</h3>
             <p className="mt-1 text-brand-secondary">
diff --git a/apps/app/pages/[workspaceSlug]/me/profile/index.tsx b/apps/app/pages/[workspaceSlug]/me/profile/index.tsx
index ce589c41d..247ef7e03 100644
--- a/apps/app/pages/[workspaceSlug]/me/profile/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/me/profile/index.tsx
@@ -10,6 +10,7 @@ import useUserAuth from "hooks/use-user-auth";
 import useToast from "hooks/use-toast";
 // layouts
 import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
+import SettingsNavbar from "layouts/settings-navbar";
 // components
 import { ImageUploadModal } from "components/core";
 // ui
@@ -22,7 +23,6 @@ import type { NextPage } from "next";
 import type { IUser } from "types";
 // constants
 import { USER_ROLES } from "constants/workspace";
-import SettingsNavbar from "layouts/settings-navbar";
 
 const defaultValues: Partial<IUser> = {
   avatar: "",
@@ -136,8 +136,8 @@ const Profile: NextPage = () => {
         userImage
       />
       {myProfile ? (
-        <div className="px-24 py-8">
-          <div className="mb-12 space-y-6">
+        <div className="p-8">
+          <div className="mb-8 space-y-6">
             <div>
               <h3 className="text-3xl font-semibold">Profile Settings</h3>
               <p className="mt-1 text-brand-secondary">
diff --git a/apps/app/pages/[workspaceSlug]/me/profile/preferences.tsx b/apps/app/pages/[workspaceSlug]/me/profile/preferences.tsx
index f2fe98f80..abaaefcd8 100644
--- a/apps/app/pages/[workspaceSlug]/me/profile/preferences.tsx
+++ b/apps/app/pages/[workspaceSlug]/me/profile/preferences.tsx
@@ -25,7 +25,7 @@ const ProfilePreferences = () => {
       if (myProfile?.theme.palette) setPreLoadedData(myProfile.theme);
       if (!customThemeSelectorOptions) setCustomThemeSelectorOptions(true);
     }
-  }, [myProfile, theme]);
+  }, [myProfile, theme, customThemeSelectorOptions]);
 
   return (
     <WorkspaceAuthorizationLayout
@@ -36,8 +36,8 @@ const ProfilePreferences = () => {
       }
     >
       {myProfile ? (
-        <div className="px-24 py-8">
-          <div className="mb-12 space-y-6">
+        <div className="p-8">
+          <div className="mb-8 space-y-6">
             <div>
               <h3 className="text-3xl font-semibold">Profile Settings</h3>
               <p className="mt-1 text-brand-secondary">