-
- Fast Payment
-Scan with your mobile bank
+Official Payment
+Scan QR Code for Instant Access
-
-
- 
+ {page} ;
-};
diff --git a/frontend/src/pages/register.tsx b/frontend/src/pages/register.tsx
deleted file mode 100644
index 73a3987..0000000
--- a/frontend/src/pages/register.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import React from 'react';
-import type { ReactElement } from 'react';
-import { ToastContainer, toast } from 'react-toastify';
-import Head from 'next/head';
-import BaseButton from '../components/BaseButton';
-import CardBox from '../components/CardBox';
-import SectionFullScreen from '../components/SectionFullScreen';
-import LayoutGuest from '../layouts/Guest';
-import { Field, Form, Formik } from 'formik';
-import FormField from '../components/FormField';
-import BaseDivider from '../components/BaseDivider';
-import BaseButtons from '../components/BaseButtons';
-import { useRouter } from 'next/router';
-import { getPageTitle } from '../config';
-
-import axios from "axios";
-
-export default function Register() {
- const [loading, setLoading] = React.useState(false);
- const router = useRouter();
- const notify = (type, msg) => toast( msg, {type, position: "bottom-center"});
-
-
- const handleSubmit = async (value) => {
- setLoading(true)
- try {
-
- const { data: response } = await axios.post('/auth/signup',value);
- await router.push('/login')
- setLoading(false)
- notify('success', 'Please check your email for verification link')
- } catch (error) {
- setLoading(false)
- console.log('error: ', error)
- notify('error', 'Something was wrong. Try again')
- }
- };
-
- return (
- <>
-
- {getPageTitle('Login')}
-
-
-
-
- handleSubmit(values)}
- >
-
-
-
-
- {page} ;
-};
diff --git a/frontend/src/pages/verify-email.tsx b/frontend/src/pages/verify-email.tsx
index 6cf0340..f13a20e 100644
--- a/frontend/src/pages/verify-email.tsx
+++ b/frontend/src/pages/verify-email.tsx
@@ -1,62 +1,83 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
import type { ReactElement } from 'react';
-import { ToastContainer, toast } from 'react-toastify';
import Head from 'next/head';
-import CardBox from '../components/CardBox';
+import { useRouter } from 'next/router';
+import axios from 'axios';
+import { mdiCheckCircleOutline, mdiAlertCircleOutline } from '@mdi/js';
+import BaseIcon from '../components/BaseIcon';
import SectionFullScreen from '../components/SectionFullScreen';
import LayoutGuest from '../layouts/Guest';
-import { useRouter } from 'next/router';
import { getPageTitle } from '../config';
-import axios from 'axios';
-export default function Verify() {
- const [loading, setLoading] = React.useState(false);
- const router = useRouter();
- const { token } = router.query;
- const notify = (type, msg) => toast(msg, { type });
+export default function VerifyEmail() {
+ const router = useRouter();
+ const { token } = router.query;
+ const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading');
- React.useEffect(() => {
- if (!token) {
- router.push('/login');
- return;
- }
- const handleSubmit = async () => {
+ useEffect(() => {
+ if (token) {
+ axios
+ .put('/auth/verify-email', { token })
+ .then(() => {
+ setStatus('success');
+ setTimeout(() => {
+ router.push('/admin-login');
+ }, 3000);
+ })
+ .catch(() => {
+ setStatus('error');
+ });
+ }
+ }, [token, router]);
- setLoading(true);
- await axios.put('/auth/verify-email', {
- token,
- }).then(verified => {
- if (verified) {
- setLoading(false);
- notify('success', 'Your email was verified');
- }
- }).catch(error => {
- setLoading(false);
- console.log('error: ', error);
- notify('error', error.response);
- }).finally(async () => {
- await router.push('/login');
- });
- };
- handleSubmit().then();
- }, [token]);
+ const renderContent = () => {
+ switch (status) {
+ case 'loading':
+ return (
+ {getPageTitle('Verify Email')}
-
-
-
-
-
-
- {getPageTitle('Verify Email')}
+
+
+
+
+ );
}
-Verify.getLayout = function getLayout(page: ReactElement) {
- return {page} ;
-};
+VerifyEmail.getLayout = function getLayout(page: ReactElement) {
+ return {page} ;
+};
\ No newline at end of file
+
diff --git a/frontend/src/pages/login.tsx b/frontend/src/pages/login.tsx
deleted file mode 100644
index d678841..0000000
--- a/frontend/src/pages/login.tsx
+++ /dev/null
@@ -1,276 +0,0 @@
-
-
-import React, { useEffect, useState } from 'react';
-import type { ReactElement } from 'react';
-import Head from 'next/head';
-import BaseButton from '../components/BaseButton';
-import CardBox from '../components/CardBox';
-import BaseIcon from "../components/BaseIcon";
-import { mdiInformation, mdiEye, mdiEyeOff } from '@mdi/js';
-import SectionFullScreen from '../components/SectionFullScreen';
-import LayoutGuest from '../layouts/Guest';
-import { Field, Form, Formik } from 'formik';
-import FormField from '../components/FormField';
-import FormCheckRadio from '../components/FormCheckRadio';
-import BaseDivider from '../components/BaseDivider';
-import BaseButtons from '../components/BaseButtons';
-import { useRouter } from 'next/router';
-import { getPageTitle } from '../config';
-import { findMe, loginUser, resetAction } from '../stores/authSlice';
-import { useAppDispatch, useAppSelector } from '../stores/hooks';
-import Link from 'next/link';
-import {toast, ToastContainer} from "react-toastify";
-import { getPexelsImage, getPexelsVideo } from '../helpers/pexels'
-
-export default function Login() {
- const router = useRouter();
- const dispatch = useAppDispatch();
- const textColor = useAppSelector((state) => state.style.linkColor);
- const iconsColor = useAppSelector((state) => state.style.iconsColor);
- const notify = (type, msg) => toast(msg, { type });
- const [ illustrationImage, setIllustrationImage ] = useState({
- src: undefined,
- photographer: undefined,
- photographer_url: undefined,
- })
- const [ illustrationVideo, setIllustrationVideo ] = useState({video_files: []})
- const [contentType, setContentType] = useState('video');
- const [contentPosition, setContentPosition] = useState('right');
- const [showPassword, setShowPassword] = useState(false);
- const { currentUser, isFetching, errorMessage, token, notify:notifyState } = useAppSelector(
- (state) => state.auth,
- );
- const [initialValues, setInitialValues] = React.useState({ email:'admin@flatlogic.com',
- password: '8ab6346a',
- remember: true })
-
- const title = 'AI Game Studio Marketplace'
-
- // Fetch Pexels image/video
- useEffect( () => {
- async function fetchData() {
- const image = await getPexelsImage()
- const video = await getPexelsVideo()
- setIllustrationImage(image);
- setIllustrationVideo(video);
- }
- fetchData();
- }, []);
- // Fetch user data
- useEffect(() => {
- if (token) {
- dispatch(findMe());
- }
- }, [token, dispatch]);
- // Redirect to dashboard if user is logged in
- useEffect(() => {
- if (currentUser?.id) {
- router.push('/dashboard');
- }
- }, [currentUser?.id, router]);
- // Show error message if there is one
- useEffect(() => {
- if (errorMessage){
- notify('error', errorMessage)
- }
-
- }, [errorMessage])
- // Show notification if there is one
- useEffect(() => {
- if (notifyState?.showNotification) {
- notify('success', notifyState?.textNotification)
- dispatch(resetAction());
- }
- }, [notifyState?.showNotification])
-
- const togglePasswordVisibility = () => {
- setShowPassword(!showPassword);
- };
-
- const handleSubmit = async (value) => {
- const {remember, ...rest} = value
- await dispatch(loginUser(rest));
- };
-
- const setLogin = (target: HTMLElement) => {
- setInitialValues(prev => ({
- ...prev,
- email : target.innerText.trim(),
- password: target.dataset.password ?? '',
- }));
- };
-
- const imageBlock = (image) => (
-
- )
-
- const videoBlock = (video) => {
- if (video?.video_files?.length > 0) {
- return (
-
+
-
+ 
- Pix Network
-
-
- 
-
- PayPal Direct
+ Official Payment Network
-
-
-
)
- }
- };
-
- return (
-
-
- {getPageTitle('Login')}
-
-
-
-
-
- );
-}
-
-Login.getLayout = function getLayout(page: ReactElement) {
- return
- {contentType === 'image' && contentPosition !== 'background' ? imageBlock(illustrationImage) : null}
- {contentType === 'video' && contentPosition !== 'background' ? videoBlock(illustrationVideo) : null}
-
-
-
-
-
-
-
-
- handleSubmit(values)}
- >
-
-
-
-
- {title}
- -
-
-
-
-
- Use{' '}
- setLogin(e.target)}>admin@flatlogic.com{' / '}
- 8ab6346a{' / '}
- to login as Admin
Use setLogin(e.target)}>client@hello.com{' / '}
- c3af9d1c13ec{' / '}
- to login as User
-
-
-
- © 2026 {title}. © All rights reserved
- - Privacy Policy - -
+
+ );
+ case 'success':
+ return (
+ Verifying your email...
+ +
+
+ );
+ case 'error':
+ return (
+ Email Verified!
+Your email has been successfully verified. Redirecting you to login...
+
+
+ );
+ }
+ };
- return (
- <>
-
- Verification Failed
+The verification link is invalid or has expired.
+ +{loading ? 'Loading...' : ''}
-
+ {renderContent()}
+
+