Auth view
-
+
+
+
);
}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..69c05b3
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,41 @@
+import { Play } from "lucide-react";
+
+interface HeaderProps {
+ scrolled: boolean;
+ onLoginClick?: () => void;
+}
+
+export function Header({ scrolled }: HeaderProps) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Modu
+ Flix
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/SignUp.tsx b/src/components/SignUp.tsx
new file mode 100644
index 0000000..12daded
--- /dev/null
+++ b/src/components/SignUp.tsx
@@ -0,0 +1,138 @@
+import { useState } from "react";
+import { Input } from "./Input";
+import { Label } from "./Label";
+
+interface SignUpProps {
+ onBack?: () => void;
+}
+
+export function SignUp({ onBack }: SignUpProps) {
+ const [email, setEmail] = useState("");
+ const [username, setUsername] = useState("");
+ const [name, setName] = useState("");
+ const [password, setPassword] = useState("");
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ console.log("SignUp:", { email, username, name, password });
+ };
+
+ return (
+
+
+ + Entrar no ModuFlix +
+ + + + {onBack && ( + + )} + +
+
+ + Primeira vez aqui?{" "} + + Acesse agora + + . +
+
+
+ );
+}
diff --git a/vite.config.ts b/vite.config.ts
index 1ad0e67..81aeffc 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,6 +2,7 @@
import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react";
import { federation } from "@module-federation/vite";
+import tailwindcss from "@tailwindcss/vite";
import path from "path";
// https://vite.dev/config/
@@ -21,6 +22,8 @@ export default defineConfig(({ mode }) => {
: env.VITE_HOST + "/"
: "/",
plugins: [
+ react(),
+ tailwindcss(),
...federation({
filename: "remoteEntry.js",
name: "auth",
@@ -33,7 +36,6 @@ export default defineConfig(({ mode }) => {
"react-dom": { singleton: true, requiredVersion: undefined },
},
}),
- react(),
],
test: {
globals: true,
+
+