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

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;
description: string;
tags?: string[];
onClick?: () => void;
}
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);
return (
<StyledCard dark={dark}>
<StyledCard dark={dark} onClick={onClick}>
<div>
<h3>{title}</h3>
<p>{description}</p>