summer2026/techzaa-frontend
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix some minor link bug

Browse Source
This commit is contained in:
sanjidaRimi023
2026-05-06 19:43:33 +06:00
parent f368d98760
commit 6f74ae9da8
5 changed files with 32 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TeamSection.tsx
+7 -6
View File
@@ -5,6 +5,7 @@ import { Autoplay, Pagination } from "swiper/modules";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { useTeam } from "@/hooks/queires/useTeam"; import { useTeam } from "@/hooks/queires/useTeam";
import { Link } from "react-router-dom";
export default function TeamSection() { export default function TeamSection() {
const { data: teamdata } = useTeam(); const { data: teamdata } = useTeam();
@@ -85,16 +86,16 @@ export default function TeamSection() {
/> />
</div> </div>
<div className="absolute inset-0 rounded-full bg-background/80 backdrop-blur-sm flex items-center justify-center gap-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300"> <div className="absolute inset-0 rounded-full bg-background/80 backdrop-blur-sm flex items-center justify-center gap-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<a href={member.linkedin} target="_blank"> <Link to={member.linkedin} target="_blank">
<Linkedin className="w-5 h-5 cursor-pointer hover:text-primary transition-colors" /> <Linkedin className="w-5 h-5 cursor-pointer hover:text-primary transition-colors" />
</a> </Link>
<a href={member.twitter} target="_blank"> <Link to={member.twitter} target="_blank">
<Twitter className="w-5 h-5 cursor-pointer hover:text-primary transition-colors" /> <Twitter className="w-5 h-5 cursor-pointer hover:text-primary transition-colors" />
</a> </Link>
<a href={member.github} target="_blank"> <Link to={member.github} target="_blank">
{" "} {" "}
<Github className="w-5 h-5 cursor-pointer hover:text-primary transition-colors" /> <Github className="w-5 h-5 cursor-pointer hover:text-primary transition-colors" />
</a> </Link>
</div> </div>
</div> </div>
src/pages/BlogArticle.tsx
+8 -8
View File
@@ -205,9 +205,9 @@ export default function BlogArticle() {
<li className="text-muted-foreground">{children}</li> <li className="text-muted-foreground">{children}</li>
), ),
a: ({ href, children }) => ( a: ({ href, children }) => (
<a href={href} className="text-primary hover:underline"> <Link to={href} className="text-primary hover:underline">
{children} {children}
</a> </Link>
), ),
strong: ({ children }) => ( strong: ({ children }) => (
<strong className="font-bold text-foreground"> <strong className="font-bold text-foreground">
@@ -337,24 +337,24 @@ export default function BlogArticle() {
<p className="text-muted-foreground mb-4">{post.author.bio}</p> <p className="text-muted-foreground mb-4">{post.author.bio}</p>
<div className="flex gap-3 justify-center md:justify-start"> <div className="flex gap-3 justify-center md:justify-start">
{post.author.twitter && ( {post.author.twitter && (
<a <Link
href={`https://twitter.com/${post.author.twitter}`} to={`https://twitter.com/${post.author.twitter}`}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="p-2 rounded-full glass hover:neon-glow transition-all" className="p-2 rounded-full glass hover:neon-glow transition-all"
> >
<Twitter className="w-5 h-5" /> <Twitter className="w-5 h-5" />
</a> </Link>
)} )}
{post.author.linkedin && ( {post.author.linkedin && (
<a <Link
href={`https://linkedin.com/in/${post.author.linkedin}`} to={`https://linkedin.com/in/${post.author.linkedin}`}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="p-2 rounded-full glass hover:neon-glow transition-all" className="p-2 rounded-full glass hover:neon-glow transition-all"
> >
<Linkedin className="w-5 h-5" /> <Linkedin className="w-5 h-5" />
</a> </Link>
)} )}
</div> </div>
</div> </div>
src/pages/NotFound.tsx
+3 -3
View File
@@ -1,4 +1,4 @@
import { useLocation } from "react-router-dom"; import { Link, useLocation } from "react-router-dom";
import { useEffect } from "react"; import { useEffect } from "react";
const NotFound = () => { const NotFound = () => {
@@ -13,9 +13,9 @@ const NotFound = () => {
<div className="text-center"> <div className="text-center">
<h1 className="mb-4 text-4xl font-bold">404</h1> <h1 className="mb-4 text-4xl font-bold">404</h1>
<p className="mb-4 text-xl text-muted-foreground">Oops! Page not found</p> <p className="mb-4 text-xl text-muted-foreground">Oops! Page not found</p>
<a href="/" className="text-primary underline hover:text-primary/90"> <Link to="/" className="text-primary underline hover:text-primary/90">
Return to Home Return to Home
</a> </Link>
</div> </div>
</div> </div>
); );
src/pages/ProjectDetails.tsx
+6 -6
View File
@@ -202,8 +202,8 @@ export default function ProjectDetails() {
transition={{ duration: 0.5, delay: 0.4 }} transition={{ duration: 0.5, delay: 0.4 }}
className="flex flex-wrap gap-4" className="flex flex-wrap gap-4"
> >
<a <Link
href={project.liveUrl} to={project.liveUrl}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="w-full sm:w-auto" className="w-full sm:w-auto"
@@ -212,10 +212,10 @@ export default function ProjectDetails() {
<ExternalLink className="w-4 h-4" /> <ExternalLink className="w-4 h-4" />
View Live View Live
</Button> </Button>
</a> </Link>
{project.codeUrl && ( {project.codeUrl && (
<a <Link
href={project.codeUrl} to={project.codeUrl}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="w-full sm:w-auto" className="w-full sm:w-auto"
@@ -227,7 +227,7 @@ export default function ProjectDetails() {
<Github className="w-4 h-4 text-muted-foreground" /> <Github className="w-4 h-4 text-muted-foreground" />
View Code View Code
</Button> </Button>
</a> </Link>
)} )}
</motion.div> </motion.div>
</div> </div>
src/pages/Projects.tsx
+8 -6
View File
@@ -167,20 +167,22 @@ export default function Projects() {
{/* Quick Links */} {/* Quick Links */}
<div className="absolute top-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300"> <div className="absolute top-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<a <Link
href={project.liveUrl} target="_blank"
to={project.liveUrl}
className="p-2 rounded-full glass hover:bg-primary/20 transition-colors" className="p-2 rounded-full glass hover:bg-primary/20 transition-colors"
aria-label="View live project" aria-label="View live project"
> >
<ExternalLink className="w-4 h-4" /> <ExternalLink className="w-4 h-4" />
</a> </Link>
<a <Link
href={project.githubUrl} target="_blank"
to={project.githubUrl}
className="p-2 rounded-full glass hover:bg-primary/20 transition-colors" className="p-2 rounded-full glass hover:bg-primary/20 transition-colors"
aria-label="View on GitHub" aria-label="View on GitHub"
> >
<Github className="w-4 h-4" /> <Github className="w-4 h-4" />
</a> </Link>
</div> </div>
</div> </div>