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

Add click handler to card component

Browse Source
This commit is contained in:
Hazem Krimi
2021-01-14 23:36:35 +01:00
parent 091f1c591b
commit 690d0b30cf
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Card.tsx
+3 -2
View File
@@ -6,6 +6,7 @@ interface Props {
title: string; title: string;
description: string; description: string;
tags?: string[]; tags?: string[];
onClick?: () => void;
} }
const StyledCard = styled.div<{ dark: boolean }>` const StyledCard = styled.div<{ dark: boolean }>`
@@ -44,11 +45,11 @@ const StyledCard = styled.div<{ dark: boolean }>`
} }
`; `;
const Card: FC<Props> = ({ title, description, tags }) => { const Card: FC<Props> = ({ title, description, tags, onClick }) => {
const { dark } = useContext(DarkModeContext); const { dark } = useContext(DarkModeContext);
return ( return (
<StyledCard dark={dark}> <StyledCard dark={dark} onClick={onClick}>
<div> <div>
<h3>{title}</h3> <h3>{title}</h3>
<p>{description}</p> <p>{description}</p>