hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update button behavior to work as link

Browse Source
This commit is contained in:
Hazem Krimi
2021-12-12 14:56:22 +01:00
parent b2453ae6dd
commit 08dc652d25
14 changed files with 1261 additions and 1100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.tsx
+4 -9
View File
@@ -1,5 +1,4 @@
import { FC } from 'react';
import { useRouter } from 'next/router';
import { getPortfolioProjects } from '../utils/portfolio';
import { getBlogPosts } from '../utils/blog';
import { GetStaticProps } from 'next';
@@ -75,8 +74,6 @@ const Wrapper = styled.div`
`;
const Index: FC<Props> = ({ blogPosts, portfolioProjects }) => {
const router = useRouter();
return (
<>
<Head>
@@ -103,7 +100,7 @@ const Index: FC<Props> = ({ blogPosts, portfolioProjects }) => {
<Hero />
<div className='content'>
<h1>Portfolio</h1>
<Button className='blue' onClick={() => router.push('/portfolio')}>
<Button href='/portfolio' className='blue'>
See More
</Button>
<div className='portfolio'>
@@ -112,7 +109,7 @@ const Index: FC<Props> = ({ blogPosts, portfolioProjects }) => {
portfolioProjects
.slice(0, 3)
.map(({ slug, ...rest }) => (
<Card {...rest} key={slug} onClick={() => router.push(`/portfolio/${slug}`)} />
<Card {...rest} key={slug} href={`/portfolio/${slug}`} />
))
) : (
<h4>Nothing for now</h4>
@@ -120,7 +117,7 @@ const Index: FC<Props> = ({ blogPosts, portfolioProjects }) => {
</div>
</div>
<h1>Blog</h1>
<Button className='blue' onClick={() => router.push('/blog')}>
<Button href='/blog' className='blue'>
See More
</Button>
<div className='blog'>
@@ -128,9 +125,7 @@ const Index: FC<Props> = ({ blogPosts, portfolioProjects }) => {
{blogPosts.length !== 0 ? (
blogPosts
.slice(0, 3)
.map(({ slug, ...rest }) => (
<Card {...rest} key={slug} onClick={() => router.push(`/blog/${slug}`)} />
))
.map(({ slug, ...rest }) => <Card {...rest} key={slug} href={`/blog/${slug}`} />)
) : (
<h4>Nothing for now</h4>
)}