move account related views into separate directory

Author: hotzenklotz

frontend/javascripts/admin/auth/auth_token_view.tsx renamed to frontend/javascripts/admin/account/account_auth_token_view.tsx

@@ -3,11 +3,11 @@ import { getAuthToken, revokeAuthToken } from "admin/rest_api";
 import { Button, Descriptions, Popover, Spin, Typography } from "antd";
 import { useWkSelector } from "libs/react_hooks";
 import { useEffect, useState } from "react";
-import { AccountSettingsTitle } from "./profile_view";
+import { AccountSettingsTitle } from "./account_profile_view";
 
 const { Text } = Typography;
 
-function AuthTokenView() {
+function AccountAuthTokenView() {
   const activeUser = useWkSelector((state) => state.activeUser);
   const [isLoading, setIsLoading] = useState<boolean>(true);
   const [currentToken, setCurrentToken] = useState<string>("");
@@ -91,4 +91,4 @@ function AuthTokenView() {
   );
 }
 
-export default AuthTokenView;
+export default AccountAuthTokenView;

frontend/javascripts/admin/auth/change_password_view.tsx renamed to frontend/javascripts/admin/account/account_password_view.tsx

@@ -7,7 +7,7 @@ import { useState } from "react";
 import { type RouteComponentProps, withRouter } from "react-router-dom";
 import { logoutUserAction } from "viewer/model/actions/user_actions";
 import Store from "viewer/store";
-import { AccountSettingsTitle } from "./profile_view";
+import { AccountSettingsTitle } from "./account_profile_view";
 const FormItem = Form.Item;
 const { Password } = Input;
 
@@ -17,7 +17,7 @@ type Props = {
 
 const MIN_PASSWORD_LENGTH = 8;
 
-function ChangePasswordView({ history }: Props) {
+function AccountPasswordView({ history }: Props) {
   const [form] = Form.useForm();
   const [isResetPasswordVisible, setResetPasswordVisible] = useState(false);
 
@@ -205,4 +205,4 @@ function ChangePasswordView({ history }: Props) {
   );
 }
 
-export default withRouter<RouteComponentProps, any>(ChangePasswordView);
+export default withRouter<RouteComponentProps, any>(AccountPasswordView);

frontend/javascripts/admin/auth/profile_view.tsx renamed to frontend/javascripts/admin/account/account_profile_view.tsx

@@ -27,7 +27,7 @@ export function AccountSettingsTitle({
   );
 }
 
-function ProfileView() {
+function AccountProfileView() {
   const activeUser = useWkSelector((state) => state.activeUser);
   const activeOrganization = useWkSelector((state) => state.activeOrganization);
   const { selectedTheme } = activeUser || { selectedTheme: "auto" };
@@ -115,4 +115,4 @@ function ProfileView() {
   );
 }
 
-export default ProfileView;
+export default AccountProfileView;

frontend/javascripts/admin/auth/account_settings_view.tsx renamed to frontend/javascripts/admin/account/account_settings_view.tsx

@@ -2,9 +2,9 @@ import { SafetyOutlined, SettingOutlined, UserOutlined } from "@ant-design/icons
 import { Breadcrumb, Layout, Menu } from "antd";
 import type { MenuItemGroupType } from "antd/es/menu/interface";
 import { Route, Switch, useHistory, useLocation } from "react-router-dom";
-import AuthTokenView from "./auth_token_view";
-import ChangePasswordView from "./change_password_view";
-import ProfileView from "./profile_view";
+import AccountAuthTokenView from "./account_auth_token_view";
+import AccountPasswordView from "./account_password_view";
+import AccountProfileView from "./account_profile_view";
 
 const { Sider, Content } = Layout;
 
@@ -68,10 +68,10 @@ function AccountSettingsView() {
           </Breadcrumb.Item>
         </Breadcrumb>
         <Switch>
-          <Route path="/account/profile" component={ProfileView} />
-          <Route path="/account/password" component={ChangePasswordView} />
-          <Route path="/account/token" component={AuthTokenView} />
-          <Route path="/account" component={ProfileView} />
+          <Route path="/account/profile" component={AccountProfileView} />
+          <Route path="/account/password" component={AccountPasswordView} />
+          <Route path="/account/token" component={AccountAuthTokenView} />
+          <Route path="/account" component={AccountProfileView} />
         </Switch>
       </Content>
     </Layout>

frontend/javascripts/router.tsx

@@ -61,7 +61,7 @@ import {
   getDatasetIdFromNameAndOrganization,
   getOrganizationForDataset,
 } from "admin/api/disambiguate_legacy_routes";
-import AccountSettingsView from "admin/auth/account_settings_view";
+import AccountSettingsView from "admin/account/account_settings_view";
 import VerifyEmailView from "admin/auth/verify_email_view";
 import { DatasetURLImport } from "admin/dataset/dataset_url_import";
 import TimeTrackingOverview from "admin/statistic/time_tracking_overview";