From 0e25eaa40db13a33a779f60d283f13f19957b0a4 Mon Sep 17 00:00:00 2001
From: NullDefault <davisha999@gmail.com>
Date: Mon, 8 Feb 2021 20:04:41 -0500
Subject: [PATCH] added team image fallback

---
 src/components/cards/TeamMemberCard.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/cards/TeamMemberCard.js b/src/components/cards/TeamMemberCard.js
index 2aeb808..f198656 100644
--- a/src/components/cards/TeamMemberCard.js
+++ b/src/components/cards/TeamMemberCard.js
@@ -1,5 +1,7 @@
 import { Box, Image, Stack, Text } from '@chakra-ui/react';
 import { MdAccountBalanceWallet, MdBook, MdBrush, MdCameraEnhance, MdLoyalty, MdRecordVoiceOver } from 'react-icons/md';
+import placeholder from '../../assets/PNG/placeholder.png';
+import React from 'react';
 
 const teamColors = {
   'creative': 'purple.500',
@@ -21,12 +23,18 @@ const teamIcons = {
 
 
 export const TeamMemberCard = ({ name, bio, url, team, year }) => {
-
-
+  const fallback = <Image src={placeholder}
+                          borderRadius={['', 'full']}
+                          border='2px'
+                          m={['', '3%']}
+                          borderWidth={['4px', '8px']}
+                          borderColor={teamColors[team]}
+                          boxSize={['100%', '30vh']} />;
   return (
     <Stack borderWidth="1px" borderRadius="lg" shadow="md" direction={['column', 'row']}>
       <Image
         m={['', '3%']}
+        fallback={fallback}
         src={url}
         alt={name}
         borderRadius={['', 'full']}