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 project structure

Browse Source
This commit is contained in:
Hazem Krimi
2022-01-08 19:06:43 +01:00
parent 574f0b4d63
commit 79279e4706
20 changed files with 78 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Card/index.tsx
+2 -5
View File
@@ -1,5 +1,4 @@
import { FC, useContext } from 'react';
import { DarkModeContext } from '../../components/DarkMode';
import { FC } from 'react';
import { StyledCard } from './styles';
import Image from 'next/image';
import Link from 'next/link';
@@ -15,11 +14,9 @@ interface Props {
}
const Card: FC<Props> = ({ title, description, image, tags, href, target, onClick }) => {
const { dark } = useContext(DarkModeContext);
return (
<Link href={href} passHref>
<StyledCard as='a' target={target} dark={dark} onClick={onClick} image={!!image}>
<StyledCard as='a' target={target} onClick={onClick} image={!!image}>
<div>
<h3>{title}</h3>
<p>{description}</p>
components/Card/styles.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import styled from 'styled-components';
export const StyledCard = styled.div<{ dark: boolean; image: boolean }>`
export const StyledCard = styled.div<{ image: boolean }>`
cursor: pointer;
width: 100%;
display: grid;