frontend: Streamline file naming in frontend.

fix #205

Author: ffreddow

frontend/src/components/login.tsx frontend/src/components/Login.tsxfrontend/src/components/login.tsx renamed to frontend/src/components/Login.tsx

@@ -6,7 +6,7 @@ import { showAlert } from "./Alert";
 import { generate_hash, get_salt_for_user } from "../utils";
 import { Modal } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
-import { PasswordComponent } from "./password_component";
+import { PasswordComponent } from "./PasswordComponent";
 import sodium from "libsodium-wrappers";
 import { Base64 } from "js-base64";
 import i18n from "../i18n";

…nd/src/components/password_component.tsx …end/src/components/PasswordComponent.tsxfrontend/src/components/password_component.tsx renamed to frontend/src/components/PasswordComponent.tsx frontend/src/components/password_component.tsx renamed to frontend/src/components/PasswordComponent.tsx

@@ -5,8 +5,8 @@ import { PASSWORD_PATTERN, fetchClient, generate_hash, generate_random_bytes, ge
 import sodium from "libsodium-wrappers";
 import { Trans, useTranslation } from "react-i18next";
 import i18n from "../i18n";
-import { PasswordComponent } from "./password_component";
-import { RecoveryDataComponent } from "./recovery_data_component";
+import { PasswordComponent } from "./PasswordComponent";
+import { RecoveryDataComponent } from "./RecoveryDataComponent";
 import { Signal, signal } from "@preact/signals";
 import { privacy_notice, terms_of_use } from "links";
 

…c/components/recovery_data_component.tsx …src/components/RecoveryDataComponent.tsxfrontend/src/components/recovery_data_component.tsx renamed to frontend/src/components/RecoveryDataComponent.tsx frontend/src/components/recovery_data_component.tsx renamed to frontend/src/components/RecoveryDataComponent.tsx

@@ -23,8 +23,8 @@ import { LocationProvider, Router, Route, lazy } from 'preact-iso';
 
 import { connected, CustomNavbar } from './components/Navbar.js';
 import { NotFound } from './pages/_404.jsx';
-import { Login } from './components/login.js';
-import { Register } from './components/register.js';
+import { Login } from './components/Login.js';
+import { Register } from './components/Register.js';
 import Row from "react-bootstrap/Row";
 import Card from "react-bootstrap/Card";
 import Tabs from "react-bootstrap/Tabs";
@@ -33,7 +33,7 @@ import { ErrorAlert } from './components/Alert.js';
 import { isDebugMode, refresh_access_token } from './utils';
 import { AppState, loggedIn } from './utils.js';
 import { Col, Spinner } from 'react-bootstrap';
-import { Recovery } from './pages/recovery.js';
+import { Recovery } from './pages/Recovery.js';
 import { Trans, useTranslation } from "react-i18next";
 import Median from "median-js-bridge";
 import { Footer } from "./components/Footer";
@@ -70,9 +70,9 @@ if (icon) {
 let refreshInterval: NodeJS.Timeout | undefined = undefined;
 const refreshMinutes = (Math.random() * (5 -3) + 3);
 
-const Tokens = lazy(() => import('./pages/tokens.js').then(m => m.Tokens));
-const User = lazy(() => import('./pages/user.js').then(m => m.User));
-const DeviceList = lazy(() => import('./pages/devices.js').then(m => m.DeviceList));
+const Tokens = lazy(() => import('./pages/Tokens.js').then(m => m.Tokens));
+const User = lazy(() => import('./pages/User.js').then(m => m.User));
+const DeviceList = lazy(() => import('./pages/Devices.js').then(m => m.DeviceList));
 const Frame = lazy(() => import('./pages/Frame.js').then(m => m.Frame));
 
 export function App() {

frontend/src/components/register.tsx frontend/src/components/Register.tsxfrontend/src/components/register.tsx renamed to frontend/src/components/Register.tsx

@@ -4,10 +4,10 @@ import { AppState, PASSWORD_PATTERN, concat_salts, fetchClient, generate_hash, g
 import { crypto_box_keypair, crypto_secretbox_KEYBYTES, crypto_secretbox_NONCEBYTES, crypto_secretbox_easy } from "libsodium-wrappers";
 import { showAlert } from "../components/Alert";
 import { useTranslation } from "react-i18next";
-import { PasswordComponent } from "../components/password_component";
+import { PasswordComponent } from "../components/PasswordComponent";
 import { useEffect, useState } from "preact/hooks";
 import { useSignal } from "@preact/signals";
-import { RecoveryDataComponent } from "../components/recovery_data_component";
+import { RecoveryDataComponent } from "../components/RecoveryDataComponent";
 import { useLocation } from "preact-iso";
 
 interface RecoverySchema {

frontend/src/index.tsx

@@ -29,7 +29,7 @@ import { logout } from "../components/Navbar";
 import { useTranslation } from "react-i18next";
 import { Card, Collapse, Container } from "react-bootstrap";
 import { signal } from "@preact/signals";
-import { PasswordComponent } from "../components/password_component";
+import { PasswordComponent } from "../components/PasswordComponent";
 import i18n from "../i18n";
 import { showAlert } from "../components/Alert";
 import { Base64 } from "js-base64";