diff --git a/index.html b/index.html index e4b78ea..27249cd 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Vite + React + TS + Wokapp
diff --git a/src/App.css b/src/App.css index e69de29..57baee8 100644 --- a/src/App.css +++ b/src/App.css @@ -0,0 +1,3 @@ +.main-container { + min-height: 100vh; +} \ No newline at end of file diff --git a/src/App.tsx b/src/App.tsx index e36b229..5bcc9e4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,14 +8,13 @@ import {NotFound} from "./routes/NotFound.tsx"; function App() { return ( <> - - } /> - } /> - } /> - - -

test

- +
+ + } /> + } /> + } /> + +
) } diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/UI/Button.tsx b/src/components/UI/Button.tsx new file mode 100644 index 0000000..9473126 --- /dev/null +++ b/src/components/UI/Button.tsx @@ -0,0 +1,17 @@ +import {FC, ReactNode} from "react"; + +interface ButtonProps { + children: ReactNode | null; + onClick: () => void; + className: string | ""; +} + +const Button: FC = ({children, onClick, className}) => { + return <> + + +} + +export default Button; \ No newline at end of file diff --git a/src/components/UI/Input.tsx b/src/components/UI/Input.tsx new file mode 100644 index 0000000..5bec7ce --- /dev/null +++ b/src/components/UI/Input.tsx @@ -0,0 +1,25 @@ +import {ChangeEvent, FC} from "react"; + +interface InputProps { + type: 'text' | 'number' | 'email' | 'password'; + label: string; + value: string|number; + placeholder: string; + error: boolean; + name: string; + disabled?: boolean; + onChange: (e: ChangeEvent) => void; +} + +const Input: FC = ({label, type, placeholder, name, disabled, onChange, value}) => { + return <> +
+ + +
+ + + +} + +export default Input; \ No newline at end of file diff --git a/src/index.css b/src/index.css index bd6213e..a90f074 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,4 @@ @tailwind base; @tailwind components; -@tailwind utilities; \ No newline at end of file +@tailwind utilities; + diff --git a/src/main.tsx b/src/main.tsx index 1c644b5..0b332dc 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -12,6 +12,5 @@ createRoot(document.getElementById('root')!).render( - , ) diff --git a/src/routes/LoginPage.tsx b/src/routes/LoginPage.tsx index 6c1552f..d36368f 100644 --- a/src/routes/LoginPage.tsx +++ b/src/routes/LoginPage.tsx @@ -1,3 +1,40 @@ +import Input from "../components/UI/Input.tsx"; +import Button from "../components/UI/Button.tsx"; + + export function LoginPage() { - return <>Login page + return <> +
+
+

Login

+

+ Before use this app you need to have account +

+
+
+
+
+ { + }} + error={false} /> + + {}} /> + +

- or -

+ +
+
+ + } \ No newline at end of file