+ );
+}
\ No newline at end of file
diff --git a/src/components/layouts/VerificationLayout.jsx b/src/components/layouts/VerificationLayout.jsx
new file mode 100644
index 0000000..2bede4a
--- /dev/null
+++ b/src/components/layouts/VerificationLayout.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { Outlet } from 'react-router-dom';
+
+export default function VerificationWrapper({ children }) {
+ return (
+
+ {children}
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/shared/ErrorLabel.jsx b/src/components/shared/ErrorLabel.jsx
new file mode 100644
index 0000000..04cae46
--- /dev/null
+++ b/src/components/shared/ErrorLabel.jsx
@@ -0,0 +1,10 @@
+
+const ErrorLabel = ({children}) => {
+ return (
+
+ {children}
+
+ );
+};
+
+export default ErrorLabel;
\ No newline at end of file
diff --git a/src/components/shared/index.js b/src/components/shared/index.js
index 14d5f05..2190443 100644
--- a/src/components/shared/index.js
+++ b/src/components/shared/index.js
@@ -2,7 +2,8 @@ export { default as Loader } from "./Loader";
export { default as Bottombar } from "./Bottombar";
export { default as Topbar } from "./Topbar";
export { default as Leftbar } from "./Leftbar";
-export {default as PostCard} from './PostCard';
-export {default as PostStats} from './PostStats';
-export {default as GridPostList} from './GridPostList';
-export {default as GridUserList} from './GridUserList';
\ No newline at end of file
+export {default as PostCard} from "./PostCard";
+export {default as PostStats} from "./PostStats";
+export {default as GridPostList} from "./GridPostList";
+export {default as GridUserList} from "./GridUserList";
+export {default as ErrorLabel} from "./ErrorLabel";
\ No newline at end of file
diff --git a/src/components/ui/card.jsx b/src/components/ui/card.jsx
new file mode 100644
index 0000000..dd79b51
--- /dev/null
+++ b/src/components/ui/card.jsx
@@ -0,0 +1,50 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef(({ className, ...props }, ref) => (
+
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (
+
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (
+
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => (
+
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (
+
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (
+
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/src/hooks/useAutoLogin.js b/src/hooks/useAutoLogin.js
index 80ddad1..f50c594 100644
--- a/src/hooks/useAutoLogin.js
+++ b/src/hooks/useAutoLogin.js
@@ -1,27 +1,38 @@
import { useEffect, useState } from "react";
import { useQueryClient } from "@tanstack/react-query";
-import { useDispatch } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
import { login, setLoading } from "../lib/redux/features/authSlice";
+import { loadUserData } from "../lib/redux/features/userVerificationSlice";
import { getAccount, getUserFromDb, logout } from "@/lib/appwrite/api";
import { QUERY_KEYS } from "@/lib/tanstack-query/queryKeys";
+import { useNavigate } from "react-router-dom";
export const useAutoLogin = () => {
const [makeRequest, setMakeRequest] = useState(false);
const [isSuccess, setSucces] = useState(null);
const queryClient = useQueryClient();
const dispatch = useDispatch();
+ const navigate = useNavigate();
+ const isUserVerficationLoading = useSelector(state => state.userVerification.isLoading);
function setRequest(){
setMakeRequest(true);
}
+
+ function handleUnverfiedUser(userDetails){
+ dispatch(loadUserData(userDetails));
+ return navigate('/email-verfication');
+ }
useEffect(() => {
if (!makeRequest) return;
- console.log('i am custom hook useAutoLogin really fetching current user form database');
dispatch(setLoading(true));
getAccount().then(data =>{
+ console.log(data);
+ if( !data.emailVerification) {
+ handleUnverfiedUser(data);
+ }
getUserFromDb(data.$id).then(user => {
- console.log(user);
if(user.total === 0){
logout('current');
setSucces(false);
diff --git a/src/lib/appwrite/api.js b/src/lib/appwrite/api.js
index 805061d..15a7f87 100644
--- a/src/lib/appwrite/api.js
+++ b/src/lib/appwrite/api.js
@@ -334,11 +334,20 @@ export async function getUserById(userId){
}
}
-// export async function getAllPostOfUser(userId){
-// if(!userId) throw new Error('Must need user id to get user\'s all post ');
-// try {
-// database.listDocuments
-// } catch (error) {
-
-// }
-// }
\ No newline at end of file
+export async function sendVerificationEmail() {
+
+ try {
+ return await account.createVerification(window.location.origin + '/verify-email');
+ } catch (error) {
+ throw new Error(error.message || 'Uknown error');
+ }
+}
+
+export async function verifyEmailWithSecret({userId, secret}){
+ if(!userId || !secret) throw new Error('User id and secret must be provided');
+ try {
+ return await account.updateVerification(userId, secret);
+ } catch (error) {
+ throw new Error(error.message || 'Uknown error');
+ }
+}
\ No newline at end of file
diff --git a/src/lib/redux/features/userVerificationSlice.js b/src/lib/redux/features/userVerificationSlice.js
new file mode 100644
index 0000000..66c446e
--- /dev/null
+++ b/src/lib/redux/features/userVerificationSlice.js
@@ -0,0 +1,26 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialState = {
+ isVerified: false,
+ isLoading: false,
+ user: null,
+}
+
+const userVerificationSlice = createSlice({
+ name: 'userVerification',
+ initialState,
+ reducers: {
+ loadUserData: (state, action) => {
+ state.user = action.payload;
+ },
+ setLoading: (state, action) => {
+ state.isLoading = action.payload;
+ },
+ setVerified: (state, action) => {
+ state.isVerified = action.payload;
+ }
+ }
+});
+
+export const { loadUserData, setLoading, setVerified } = userVerificationSlice.actions;
+export default userVerificationSlice.reducer;
\ No newline at end of file
diff --git a/src/lib/redux/store.js b/src/lib/redux/store.js
index 0f4409a..a5efd31 100644
--- a/src/lib/redux/store.js
+++ b/src/lib/redux/store.js
@@ -1,11 +1,13 @@
import {configureStore} from '@reduxjs/toolkit';
import authSlice from './features/authSlice';
import modeSlice from './features/modeSlice';
+import userVerificationSlice from './features/userVerificationSlice';
const store = configureStore({
reducer: {
auth: authSlice,
- mode: modeSlice
+ mode: modeSlice,
+ userVerification: userVerificationSlice
}
})
diff --git a/src/lib/tanstack-query/account.js b/src/lib/tanstack-query/account.js
index 99514f6..d5718bc 100644
--- a/src/lib/tanstack-query/account.js
+++ b/src/lib/tanstack-query/account.js
@@ -1,4 +1,4 @@
-import { createUserAccount, signInUser, getAccount, logout, getUserFromDb, getAllUsers, getUserById } from '../appwrite/api';
+import { createUserAccount, signInUser, getAccount, logout, getUserFromDb, getAllUsers, getUserById, sendVerificationEmail, verifyEmailWithSecret } from '../appwrite/api';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { QUERY_KEYS } from './queryKeys';
@@ -56,4 +56,16 @@ export const useGetUserById = (userId) => {
staleTime: 1000 * 60 * 1.5,
enabled: !!userId
})
+}
+
+export const useSendUserVerificationEmail = () => {
+ return useMutation({
+ mutationFn: sendVerificationEmail,
+ });
+}
+
+export const useVerifyEmailWithSecret = () => {
+ return useMutation({
+ mutationFn: verifyEmailWithSecret
+ });
}
\ No newline at end of file