diff --git a/rust_solid_cassandra/frontend/src/App.tsx b/rust_solid_cassandra/frontend/src/App.tsx index b0a6252..bc1e4be 100644 --- a/rust_solid_cassandra/frontend/src/App.tsx +++ b/rust_solid_cassandra/frontend/src/App.tsx @@ -1,15 +1,17 @@ -import { Route, Routes } from "@solidjs/router"; -import { Component, lazy } from "solid-js"; +import { Route, Routes } from '@solidjs/router'; +import { Component, lazy } from 'solid-js'; // Only load the components if we are navigating to them -const Home = lazy(() => import("./pages/Home")); -const Login = lazy(() => import("./pages/Login")); +const Home = lazy(() => import('./pages/Home')); +const Login = lazy(() => import('./pages/Login')); +const Test = lazy(() => import('./pages/Test')); const App: Component = () => { return ( <> - - + + + ); diff --git a/rust_solid_cassandra/frontend/src/pages/Login.tsx b/rust_solid_cassandra/frontend/src/pages/Login.tsx index e2d3420..840d273 100644 --- a/rust_solid_cassandra/frontend/src/pages/Login.tsx +++ b/rust_solid_cassandra/frontend/src/pages/Login.tsx @@ -1,31 +1,7 @@ import { Component } from 'solid-js'; -import RestClient from '../api/RestClient'; const Login: Component = () => { - const TEST_USER = { - id: '310c0d24-cc2e-4798-a259-0d49bf2e3a5a', - hash: 'MEIN_HASH', - login: 'phga', - salt: 'MEIN_SALZ', - }; - - const btnPrimary = - 'inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out'; - - return ( - <> -

Login

- - - - ); + return

Login

; }; export default Login; diff --git a/rust_solid_cassandra/frontend/src/pages/Test.tsx b/rust_solid_cassandra/frontend/src/pages/Test.tsx new file mode 100644 index 0000000..ae17b38 --- /dev/null +++ b/rust_solid_cassandra/frontend/src/pages/Test.tsx @@ -0,0 +1,37 @@ +import { Component } from 'solid-js'; +import RestClient from '../api/RestClient'; + +const Test: Component = () => { + const TEST_USER = { + id: '310c0d24-cc2e-4798-a259-0d49bf2e3a5a', + hash: 'MEIN_HASH', + login: 'phga', + salt: 'MEIN_SALZ', + }; + + const btnPrimary = + 'inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out'; + + return ( + <> +

TEST

+ + + + + + ); +}; + +export default Test;