v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add redirect archive to project detail

Browse source
This commit is contained in:
Alvalen 2025-07-18 05:23:06 +07:00
parent ba0ecf242a
commit 9bfed65f40
1 changed files with 15 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

32
app/projects/archive/page.jsx
View file

@ -1,4 +1,4 @@
"use client" "use client";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@ -6,18 +6,16 @@ import { faGithub } from "@fortawesome/free-brands-svg-icons";
import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons"; import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
import FixedButon from "@/components/FixedButton"; import FixedButon from "@/components/FixedButton";
import { faChevronLeft } from "@fortawesome/free-solid-svg-icons"; import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
import Projects from "@/json/data.json" import Projects from "@/json/data.json";
import Link from "next/link";
export default function Page () { export default function Page() {
const projects = Projects.Projects const projects = Projects.Projects;
return ( return (
<> <>
<main className="overflow-hidden"> <main className="overflow-hidden">
<FixedButon href="/projects"> <FixedButon href="/projects">
<FontAwesomeIcon <FontAwesomeIcon icon={faChevronLeft} className="text-black pr-10" />
icon={faChevronLeft}
className="text-black pr-10"
/>
</FixedButon> </FixedButon>
<div className="min-h-screen w-screen mt-10 md:mt-0 p-10 flex justify-center items-center flex-col mb-10"> <div className="min-h-screen w-screen mt-10 md:mt-0 p-10 flex justify-center items-center flex-col mb-10">
<div className="flex justify-center items-center flex-col my-5 self-start "> <div className="flex justify-center items-center flex-col my-5 self-start ">
@ -87,16 +85,16 @@ export default function Page () {
key={index} key={index}
className="hover:shadow-md transition-all ease duration-500"> className="hover:shadow-md transition-all ease duration-500">
<td>{project.year}</td> <td>{project.year}</td>
<td>{project.title}</td>
<td> <td>
{project.tech.map((t) => `${t}, `)} <Link href={`/projects/${project.slug}`}>
{project.title}
</Link>
</td> </td>
<td>{project.tech.map((t) => `${t}, `)}</td>
<td> <td>
<div className="flex flex-row justify-center items-center"> <div className="flex flex-row justify-center items-center">
{project.code && ( {project.code && (
<a <a href={project.code} title="Link to GitHub">
href={project.code}
title="Link to GitHub">
<FontAwesomeIcon <FontAwesomeIcon
icon={faGithub} icon={faGithub}
className="text-xl mr-2" className="text-xl mr-2"
@ -108,9 +106,7 @@ export default function Page () {
href={project.preview} href={project.preview}
title="Link to project preview"> title="Link to project preview">
<FontAwesomeIcon <FontAwesomeIcon
icon={ icon={faArrowUpRightFromSquare}
faArrowUpRightFromSquare
}
className="text-xl" className="text-xl"
/> />
</a> </a>
@ -125,5 +121,5 @@ export default function Page () {
</div> </div>
</main> </main>
</> </>
); );
} }