Refactored settings components.

pages/settings/users/[...id].js

@@ -0,0 +1,20 @@
+import SettingsLayout from 'components/pages/settings/SettingsLayout';
+import UserSettings from 'components/pages/settings/users/UserSettings';
+import useUser from 'hooks/useUser';
+import { useRouter } from 'next/router';
+
+export default function TeamDetailPage() {
+  const user = useUser();
+  const router = useRouter();
+  const { id } = router.query;
+
+  if (!user) {
+    return null;
+  }
+
+  return (
+    <SettingsLayout>
+      <UserSettings userId={id} />
+    </SettingsLayout>
+  );
+}

pages/settings/users/index.js

@@ -0,0 +1,20 @@
+import SettingsLayout from 'components/pages/settings/SettingsLayout';
+import useConfig from 'hooks/useConfig';
+import useUser from 'hooks/useUser';
+
+import UsersList from 'components/pages/settings/users/UsersList';
+
+export default function UsersPage() {
+  const user = useUser();
+  const { adminDisabled } = useConfig();
+
+  if (adminDisabled || !user) {
+    return null;
+  }
+
+  return (
+    <SettingsLayout>
+      <UsersList />
+    </SettingsLayout>
+  );
+}