FrontOps/UserDashboard
6
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Compare commits

base: FrontOps:9f7482c0029d87b4d29593f0f550a3936c4a6200
Branches Tags
FrontOps:master
FrontOps:features/syasya
..
compare: FrontOps:91e8581e0771c9efd0d5780c54d1aa69a1110d5b
Branches Tags
FrontOps:features/syasya
FrontOps:master

No commits in common. "9f7482c0029d87b4d29593f0f550a3936c4a6200" and "91e8581e0771c9efd0d5780c54d1aa69a1110d5b" have entirely different histories.
9f7482c002 ... 91e8581e07

6 changed files with 29 additions and 83 deletions
Show Stats Expand all files Collapse all files

3
App.tsx
View File

@ -5,8 +5,6 @@ import { IRootState } from '@/store';
import { toggleRTL, toggleTheme, toggleMenu, toggleLayout, toggleAnimation, toggleNavbar, toggleSemidark } from '@/store/themeConfigSlice'; import { toggleRTL, toggleTheme, toggleMenu, toggleLayout, toggleAnimation, toggleNavbar, toggleSemidark } from '@/store/themeConfigSlice';
import Loading from '@/components/layouts/loading'; import Loading from '@/components/layouts/loading';
import { getTranslation } from '@/i18n'; import { getTranslation } from '@/i18n';
import { Toaster } from 'react-hot-toast';
function App({ children }: PropsWithChildren) { function App({ children }: PropsWithChildren) {
const themeConfig = useSelector((state: IRootState) => state.themeConfig); const themeConfig = useSelector((state: IRootState) => state.themeConfig);
@ -35,7 +33,6 @@ function App({ children }: PropsWithChildren) {
} main-section relative font-nunito text-sm font-normal antialiased`} } main-section relative font-nunito text-sm font-normal antialiased`}
> >
{isLoading ? <Loading /> : children} {isLoading ? <Loading /> : children}
<Toaster />
</div> </div>
); );
} }

5
app/(auth)/login/page.tsx
View File

@ -1,3 +1,8 @@
import IconFacebookCircle from '@/components/icon/icon-facebook-circle';
import IconGoogle from '@/components/icon/icon-google';
import IconInstagram from '@/components/icon/icon-instagram';
import IconTwitter from '@/components/icon/icon-twitter';
import Link from 'next/link'; import Link from 'next/link';
import { Metadata } from 'next'; import { Metadata } from 'next';
import React from 'react'; import React from 'react';

10
app/(auth)/register/page.tsx
View File

@ -1,4 +1,8 @@
import ComponentsAuthRegisterForm from '@/components/auth/components-auth-register-form'; import ComponentsAuthRegisterForm from '@/components/auth/components-auth-register-form';
import IconFacebookCircle from '@/components/icon/icon-facebook-circle';
import IconGoogle from '@/components/icon/icon-google';
import IconInstagram from '@/components/icon/icon-instagram';
import IconTwitter from '@/components/icon/icon-twitter';
import Link from 'next/link'; import Link from 'next/link';
import React from 'react'; import React from 'react';
@ -26,10 +30,14 @@ const RegisterPage = (props: Props) => {
<p className="text-base font-bold leading-normal text-white-dark">Enter your email and password to register</p> <p className="text-base font-bold leading-normal text-white-dark">Enter your email and password to register</p>
</div> </div>
<ComponentsAuthRegisterForm /> <ComponentsAuthRegisterForm />
<div className="relative my-7 text-center md:mb-9">
<span className="absolute inset-x-0 top-1/2 h-px w-full -translate-y-1/2 bg-white-light dark:bg-white-dark"></span>
<span className="relative bg-white px-2 font-bold uppercase text-white-dark dark:bg-dark dark:text-white-light">or</span>
</div>
<div className="text-center dark:text-white"> <div className="text-center dark:text-white">
Already have an account ?&nbsp; Already have an account ?&nbsp;
<Link href="/login" className="uppercase text-primary underline transition hover:text-black dark:hover:text-white"> <Link href="/auth/boxed-signin" className="uppercase text-primary underline transition hover:text-black dark:hover:text-white">
SIGN IN SIGN IN
</Link> </Link>
</div> </div>

41
components/auth/components-auth-login-form.tsx
View File

@ -2,36 +2,13 @@
import IconLockDots from '@/components/icon/icon-lock-dots'; import IconLockDots from '@/components/icon/icon-lock-dots';
import IconMail from '@/components/icon/icon-mail'; import IconMail from '@/components/icon/icon-mail';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { useState } from "react"; import React from 'react';
import axios from "axios";
import toast from 'react-hot-toast';
const ComponentsAuthLoginForm = () => { const ComponentsAuthLoginForm = () => {
const [email, setEmail] = useState("") const router = useRouter();
const [password, setPassword] = useState("") const submitForm = (e: any) => {
const [loading, setLoading] = useState(false) e.preventDefault();
const router = useRouter() router.push('/');
const submitForm = async (e: React.FormEvent) => {
e.preventDefault()
setLoading(true)
try {
const res = await axios.post(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/login`, {
email,
password,
})
localStorage.setItem("token", res.data.token)
toast.success("Login successful!")
router.push("/")
} catch (err: any) {
console.error("Login error:", err)
toast.error(err.response?.data?.error || "Invalid credentials")
} finally {
setLoading(false)
}
}; };
return ( return (
@ -39,7 +16,7 @@ const ComponentsAuthLoginForm = () => {
<div> <div>
<label htmlFor="Email">Email</label> <label htmlFor="Email">Email</label>
<div className="relative text-white-dark"> <div className="relative text-white-dark">
<input type="email" value={email} onChange={(e) => setEmail(e.target.value)} placeholder="Enter Email" className="form-input ps-10 placeholder:text-white-dark" /> <input id="Email" type="email" placeholder="Enter Email" className="form-input ps-10 placeholder:text-white-dark" />
<span className="absolute start-4 top-1/2 -translate-y-1/2"> <span className="absolute start-4 top-1/2 -translate-y-1/2">
<IconMail fill={true} /> <IconMail fill={true} />
</span> </span>
@ -48,14 +25,14 @@ const ComponentsAuthLoginForm = () => {
<div> <div>
<label htmlFor="Password">Password</label> <label htmlFor="Password">Password</label>
<div className="relative text-white-dark"> <div className="relative text-white-dark">
<input type="password" value={password} onChange={(e) => setPassword(e.target.value)} required placeholder="Enter Password" className="form-input ps-10 placeholder:text-white-dark" /> <input id="Password" type="password" placeholder="Enter Password" className="form-input ps-10 placeholder:text-white-dark" />
<span className="absolute start-4 top-1/2 -translate-y-1/2"> <span className="absolute start-4 top-1/2 -translate-y-1/2">
<IconLockDots fill={true} /> <IconLockDots fill={true} />
</span> </span>
</div> </div>
</div> </div>
<button type="submit" disabled={loading} className="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]"> <button type="submit" className="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
{loading ? "Logging in..." : "Sign In"} Sign in
</button> </button>
</form> </form>
); );

52
package-lock.json generated
View File

@ -30,7 +30,6 @@
"react-animate-height": "^3.1.0", "react-animate-height": "^3.1.0",
"react-apexcharts": "^1.7.0", "react-apexcharts": "^1.7.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
"react-hot-toast": "^2.5.2",
"react-i18next": "^12.1.5", "react-i18next": "^12.1.5",
"react-perfect-scrollbar": "^1.5.8", "react-perfect-scrollbar": "^1.5.8",
"react-popper": "^2.3.0", "react-popper": "^2.3.0",
@ -1613,9 +1612,9 @@
} }
}, },
"node_modules/csstype": { "node_modules/csstype": {
"version": "3.1.3", "version": "3.1.1",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
}, },
"node_modules/damerau-levenshtein": { "node_modules/damerau-levenshtein": {
"version": "1.0.8", "version": "1.0.8",
@ -2807,14 +2806,6 @@
"resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz", "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
"integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==" "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
}, },
"node_modules/goober": {
"version": "2.1.16",
"resolved": "https://registry.npmjs.org/goober/-/goober-2.1.16.tgz",
"integrity": "sha512-erjk19y1U33+XAMe1VTvIONHYoSqE4iS7BYUZfHaqeohLmnC0FdxEh7rQU+6MZ4OajItzjZFSRtVANrQwNq6/g==",
"peerDependencies": {
"csstype": "^3.0.10"
}
},
"node_modules/gopd": { "node_modules/gopd": {
"version": "1.2.0", "version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@ -4536,22 +4527,6 @@
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
"integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
}, },
"node_modules/react-hot-toast": {
"version": "2.5.2",
"resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.5.2.tgz",
"integrity": "sha512-Tun3BbCxzmXXM7C+NI4qiv6lT0uwGh4oAfeJyNOjYUejTsm35mK9iCaYLGv8cBz9L5YxZLx/2ii7zsIwPtPUdw==",
"dependencies": {
"csstype": "^3.1.3",
"goober": "^2.1.16"
},
"engines": {
"node": ">=10"
},
"peerDependencies": {
"react": ">=16",
"react-dom": ">=16"
}
},
"node_modules/react-i18next": { "node_modules/react-i18next": {
"version": "12.1.5", "version": "12.1.5",
"resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.1.5.tgz", "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.1.5.tgz",
@ -6761,9 +6736,9 @@
"dev": true "dev": true
}, },
"csstype": { "csstype": {
"version": "3.1.3", "version": "3.1.1",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
}, },
"damerau-levenshtein": { "damerau-levenshtein": {
"version": "1.0.8", "version": "1.0.8",
@ -7641,12 +7616,6 @@
"resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz", "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
"integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==" "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
}, },
"goober": {
"version": "2.1.16",
"resolved": "https://registry.npmjs.org/goober/-/goober-2.1.16.tgz",
"integrity": "sha512-erjk19y1U33+XAMe1VTvIONHYoSqE4iS7BYUZfHaqeohLmnC0FdxEh7rQU+6MZ4OajItzjZFSRtVANrQwNq6/g==",
"requires": {}
},
"gopd": { "gopd": {
"version": "1.2.0", "version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@ -8807,15 +8776,6 @@
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
"integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
}, },
"react-hot-toast": {
"version": "2.5.2",
"resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.5.2.tgz",
"integrity": "sha512-Tun3BbCxzmXXM7C+NI4qiv6lT0uwGh4oAfeJyNOjYUejTsm35mK9iCaYLGv8cBz9L5YxZLx/2ii7zsIwPtPUdw==",
"requires": {
"csstype": "^3.1.3",
"goober": "^2.1.16"
}
},
"react-i18next": { "react-i18next": {
"version": "12.1.5", "version": "12.1.5",
"resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.1.5.tgz", "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.1.5.tgz",

1
package.json
View File

@ -31,7 +31,6 @@
"react-animate-height": "^3.1.0", "react-animate-height": "^3.1.0",
"react-apexcharts": "^1.7.0", "react-apexcharts": "^1.7.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
"react-hot-toast": "^2.5.2",
"react-i18next": "^12.1.5", "react-i18next": "^12.1.5",
"react-perfect-scrollbar": "^1.5.8", "react-perfect-scrollbar": "^1.5.8",
"react-popper": "^2.3.0", "react-popper": "^2.3.0",