feat: user profile/settings pages (#958)

src/pages/users/[userId]/edit.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { NextPage } from 'next';
-import UserEdit from '../../../components/UserEdit';
-import useRouteGuard from '../../../hooks/useRouteGuard';
-import { Permission } from '../../../hooks/useUser';
-
-const UserProfilePage: NextPage = () => {
-  useRouteGuard(Permission.MANAGE_USERS);
-  return <UserEdit />;
-};
-
-export default UserProfilePage;

src/pages/users/[userId]/index.tsx

@@ -0,0 +1,9 @@
+import { NextPage } from 'next';
+import React from 'react';
+import UserProfile from '../../../components/UserProfile';
+
+const UserPage: NextPage = () => {
+  return <UserProfile />;
+};
+
+export default UserPage;

src/pages/users/[userId]/settings/index.tsx

@@ -0,0 +1,17 @@
+import { NextPage } from 'next';
+import React from 'react';
+import UserSettings from '../../../../components/UserProfile/UserSettings';
+import UserGeneralSettings from '../../../../components/UserProfile/UserSettings/UserGeneralSettings';
+import useRouteGuard from '../../../../hooks/useRouteGuard';
+import { Permission } from '../../../../hooks/useUser';
+
+const UserSettingsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_USERS);
+  return (
+    <UserSettings>
+      <UserGeneralSettings />
+    </UserSettings>
+  );
+};
+
+export default UserSettingsPage;

src/pages/users/[userId]/settings/main.tsx

@@ -0,0 +1,17 @@
+import { NextPage } from 'next';
+import React from 'react';
+import UserSettings from '../../../../components/UserProfile/UserSettings';
+import UserGeneralSettings from '../../../../components/UserProfile/UserSettings/UserGeneralSettings';
+import useRouteGuard from '../../../../hooks/useRouteGuard';
+import { Permission } from '../../../../hooks/useUser';
+
+const UserSettingsMainPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_USERS);
+  return (
+    <UserSettings>
+      <UserGeneralSettings />
+    </UserSettings>
+  );
+};
+
+export default UserSettingsMainPage;

src/pages/users/[userId]/settings/notifications.tsx

@@ -0,0 +1,17 @@
+import { NextPage } from 'next';
+import React from 'react';
+import UserSettings from '../../../../components/UserProfile/UserSettings';
+import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';
+import useRouteGuard from '../../../../hooks/useRouteGuard';
+import { Permission } from '../../../../hooks/useUser';
+
+const UserSettingsMainPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_USERS);
+  return (
+    <UserSettings>
+      <UserNotificationSettings />
+    </UserSettings>
+  );
+};
+
+export default UserSettingsMainPage;

src/pages/users/[userId]/settings/password.tsx

@@ -0,0 +1,17 @@
+import { NextPage } from 'next';
+import React from 'react';
+import UserSettings from '../../../../components/UserProfile/UserSettings';
+import UserPasswordChange from '../../../../components/UserProfile/UserSettings/UserPasswordChange';
+import useRouteGuard from '../../../../hooks/useRouteGuard';
+import { Permission } from '../../../../hooks/useUser';
+
+const UserPassswordPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_USERS);
+  return (
+    <UserSettings>
+      <UserPasswordChange />
+    </UserSettings>
+  );
+};
+
+export default UserPassswordPage;

src/pages/users/[userId]/settings/permissions.tsx

@@ -0,0 +1,17 @@
+import { NextPage } from 'next';
+import React from 'react';
+import UserSettings from '../../../../components/UserProfile/UserSettings';
+import UserPermissions from '../../../../components/UserProfile/UserSettings/UserPermissions';
+import useRouteGuard from '../../../../hooks/useRouteGuard';
+import { Permission } from '../../../../hooks/useUser';
+
+const UserPermissionsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_USERS);
+  return (
+    <UserSettings>
+      <UserPermissions />
+    </UserSettings>
+  );
+};
+
+export default UserPermissionsPage;