client: updates

* work on groups ui
* move settings to its own page
* other fixes and refactoring

apps/client/src/pages/settings/account/account-settings.tsx

@@ -0,0 +1,26 @@
+import AccountNameForm from "@/features/user/components/account-name-form";
+import ChangeEmail from "@/features/user/components/change-email";
+import ChangePassword from "@/features/user/components/change-password";
+import { Divider } from "@mantine/core";
+import AccountAvatar from "@/features/user/components/account-avatar";
+import SettingsTitle from "@/components/layouts/settings/settings-title.tsx";
+
+export default function AccountSettings() {
+  return (
+    <>
+      <SettingsTitle title="My Profile" />
+
+      <AccountAvatar />
+
+      <AccountNameForm />
+
+      <Divider my="lg" />
+
+      <ChangeEmail />
+
+      <Divider my="lg" />
+
+      <ChangePassword />
+    </>
+  );
+}

apps/client/src/pages/settings/group/group-info.tsx

@@ -0,0 +1,13 @@
+import SettingsTitle from "@/components/layouts/settings/settings-title.tsx";
+import GroupMembersList from "@/features/group/components/group-members";
+import GroupDetails from "@/features/group/components/group-details";
+
+export default function GroupInfo() {
+  return (
+    <>
+      <SettingsTitle title="Manage Group" />
+      <GroupDetails />
+      <GroupMembersList />
+    </>
+  );
+}

apps/client/src/pages/settings/group/groups.tsx

@@ -0,0 +1,18 @@
+import GroupList from "@/features/group/components/group-list";
+import SettingsTitle from "@/components/layouts/settings/settings-title.tsx";
+import { Group, Text } from "@mantine/core";
+import CreateGroupModal from "@/features/group/components/create-group-modal";
+
+export default function Groups() {
+  return (
+    <>
+      <SettingsTitle title="Groups" />
+
+      <Group my="md" justify="flex-end">
+        <CreateGroupModal />
+      </Group>
+
+      <GroupList />
+    </>
+  );
+}

apps/client/src/pages/settings/workspace/workspace-members.tsx

@@ -0,0 +1,26 @@
+import WorkspaceInviteSection from "@/features/workspace/components/members/components/workspace-invite-section";
+import WorkspaceInviteModal from "@/features/workspace/components/members/components/workspace-invite-modal";
+import { Divider, Group, Space, Text } from "@mantine/core";
+import WorkspaceMembersTable from "@/features/workspace/components/members/components/workspace-members-table";
+import SettingsTitle from "@/components/layouts/settings/settings-title.tsx";
+
+export default function WorkspaceMembers() {
+  return (
+    <>
+      <SettingsTitle title="Members" />
+
+      <WorkspaceInviteSection />
+
+      <Divider my="lg" />
+
+      <Group justify="space-between">
+        <Text fw={500}>Members</Text>
+        <WorkspaceInviteModal />
+      </Group>
+
+      <Space h="lg" />
+
+      <WorkspaceMembersTable />
+    </>
+  );
+}

apps/client/src/pages/settings/workspace/workspace-settings.tsx

@@ -0,0 +1,11 @@
+import SettingsTitle from "@/components/layouts/settings/settings-title.tsx";
+import WorkspaceNameForm from "@/features/workspace/components/settings/components/workspace-name-form";
+
+export default function WorkspaceSettings() {
+  return (
+    <>
+      <SettingsTitle title="General" />
+      <WorkspaceNameForm />
+    </>
+  );
+}