Merge remote-tracking branch 'project/master'

1 files changed, 47 insertions, 0 deletions

diff --git a/panel/src/pages/RegisterPage.jsx b/panel/src/pages/RegisterPage.jsx
new file mode 100644
index 0000000..f0b2bba
--- /dev/null
+++ b/panel/src/pages/RegisterPage.jsx
@@ -0,0 +1,47 @@
+import React, { useState } from 'react';
+import { TextField, Button, Container, Typography } from '@mui/material';
+import { createUserWithEmailAndPassword } from 'firebase/auth';
+import { auth } from '../firebase';
+
+const RegisterPage = () => {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+
+  const handleRegister = async () => {
+    if (password.length < 8) {
+      setError('The password should be minimum 8 digits');
+      return;
+    }
+
+    try {
+      await createUserWithEmailAndPassword(auth, email, password);
+    } catch (error) {
+      setError(error.message);
+    }
+  };
+
+  return (
+    <Container>
+      <Typography variant="h4">Register</Typography>
+      <TextField
+        label="Email"
+        type="email"
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+        fullWidth
+      />
+      <TextField
+        label="Password"
+        type="password"
+        value={password}
+        onChange={(e) => setPassword(e.target.value)}
+        fullWidth
+      />
+      {error && <Typography color="error">{error}</Typography>}
+      <Button onClick={handleRegister} variant="contained">Register</Button>
+    </Container>
+  );
+};
+
+export default RegisterPage;