generated from muhtadeetaron/nextjs-template
fix(nav): improve redirection logic
This commit is contained in:
@ -8,6 +8,7 @@ import BackgroundWrapper from "@/components/BackgroundWrapper";
|
||||
import { API_URL, getToken } from "@/lib/auth";
|
||||
import { Loader, RefreshCw, Star, StarHalf } from "lucide-react";
|
||||
import { useAuthStore } from "@/stores/authStore";
|
||||
import { FaStar } from "react-icons/fa";
|
||||
|
||||
type Subject = {
|
||||
subject_id: string;
|
||||
@ -110,11 +111,11 @@ export default function PaperScreen() {
|
||||
className="w-full border-1 border-[#B0C2DA] py-4 rounded-[10px] px-6 space-y-2 text-left hover:bg-gray-50 transition-colors"
|
||||
>
|
||||
<h3 className="text-xl font-medium">{subject.name}</h3>
|
||||
<p className="text-md font-normal flex">
|
||||
<Star size={17} />
|
||||
<Star size={17} />
|
||||
<Star size={17} />
|
||||
<Star size={17} />
|
||||
<p className="text-xl font-medium text-[#113768] flex items-center gap-1">
|
||||
<FaStar size={15} />
|
||||
<FaStar size={15} />
|
||||
<FaStar size={15} />
|
||||
<FaStar size={15} />
|
||||
</p>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -57,7 +57,8 @@ export default function ExamPage() {
|
||||
|
||||
if (isSubmitting) {
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
|
||||
<div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center">
|
||||
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-900 mb-4"></div>
|
||||
<p className="text-lg font-medium text-gray-900">Submitting exam...</p>
|
||||
</div>
|
||||
);
|
||||
@ -118,14 +119,7 @@ export default function ExamPage() {
|
||||
disabled={isSubmitting}
|
||||
className="flex-1 bg-blue-900 text-white p-6 font-bold text-lg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-blue-800 transition-colors flex justify-center items-center gap-2"
|
||||
>
|
||||
{isSubmitting ? (
|
||||
<>
|
||||
<span className="animate-spin rounded-full h-5 w-5 border-b-2 border-white"></span>
|
||||
Submitting...
|
||||
</>
|
||||
) : (
|
||||
"Submit"
|
||||
)}
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -11,10 +11,16 @@ import { getResultViews } from "@/lib/gallery-views";
|
||||
export default function ResultsPage() {
|
||||
const router = useRouter();
|
||||
const { result, clearResult, setStatus, status } = useExamStore();
|
||||
|
||||
function handleBackToHome() {
|
||||
clearResult();
|
||||
router.replace("/categories");
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
const handlePopState = () => {
|
||||
if (status !== "finished") {
|
||||
router.replace(`/categories`);
|
||||
handleBackToHome();
|
||||
}
|
||||
};
|
||||
|
||||
@ -32,11 +38,6 @@ export default function ResultsPage() {
|
||||
);
|
||||
}
|
||||
|
||||
const handleBackToHome = () => {
|
||||
clearResult();
|
||||
router.replace("/categories");
|
||||
};
|
||||
|
||||
const views = getResultViews(result);
|
||||
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user