From 79f861d9eb1a03e45156389adcf9bf97b2ce9923 Mon Sep 17 00:00:00 2001 From: Justin Campbell Date: Mon, 19 Apr 2021 00:07:18 -0400 Subject: [PATCH] Remove TeamMemberCard component --- .../TeamMemberCard/TeamMemberCard.js | 66 ------------------- .../TeamMemberCard/TeamMemberCard.md | 32 --------- .../TeamMemberCard/TeamMemberCard.stories.mdx | 23 ------- src/components/TeamMemberCard/index.js | 3 - 4 files changed, 124 deletions(-) delete mode 100644 src/components/TeamMemberCard/TeamMemberCard.js delete mode 100644 src/components/TeamMemberCard/TeamMemberCard.md delete mode 100644 src/components/TeamMemberCard/TeamMemberCard.stories.mdx delete mode 100644 src/components/TeamMemberCard/index.js diff --git a/src/components/TeamMemberCard/TeamMemberCard.js b/src/components/TeamMemberCard/TeamMemberCard.js deleted file mode 100644 index 7a7b4b5..0000000 --- a/src/components/TeamMemberCard/TeamMemberCard.js +++ /dev/null @@ -1,66 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types' -import { Card, CardHeader, Avatar, IconButton, CardContent, - CardActions, Link, makeStyles, useTheme } from '@material-ui/core'; -import WebsiteIcon from '@material-ui/icons/Language'; - - -export default function TeamMemberCard({firstName, lastName, imageUrl, websiteUrl, children}){ - - const theme = useTheme(); - - const useStyles = () => makeStyles({ - "avatarImageLarge": { - width: theme.spacing(2), - height: theme.spacing(2) - } - }); - - const classes = useStyles() - - const TeamMemberAvatar = () => { - return( - - {firstName.charAt(0)} - - ); - }; - - return( - - } - title={`${firstName} ${lastName}`} - titleTypographyProps={{ - variant: "h4" - }} - /> - - {children} - - - - - - - - - - ); -}; - -TeamMemberCard.propTypes = { - /** Team member's first name. */ - "firstName": PropTypes.string.isRequired, - /** Team member's last name. */ - "lastName": PropTypes.string.isRequired, - /** Image for user. Can be a URL or image import. */ - "imageUrl": PropTypes.string, - /** Info that appears in the body of the card. */ - "content": PropTypes.any, - /** URL to team member's website. */ - "websiteUrl": PropTypes.string.isRequired, -} \ No newline at end of file diff --git a/src/components/TeamMemberCard/TeamMemberCard.md b/src/components/TeamMemberCard/TeamMemberCard.md deleted file mode 100644 index 2a4ce00..0000000 --- a/src/components/TeamMemberCard/TeamMemberCard.md +++ /dev/null @@ -1,32 +0,0 @@ -The TeamMemberCard is used to give a quick summary on people that have worked on webqueue2. It displays a image of the team member, the person's first and last name, a brief professional summary, and a link to their personal portfolio(if applicable). - -If no image is provided the profile image is replaced with the first initial of the team memebers first name. - -```jsx -import React, { useState } from "react"; -import { Typography } from '@material-ui/core'; - - - - Irure ea dolor do duis dolor. Irure nisi mollit magna consectetur tempor consequat nisi aute reprehenderit esse consequat quis. Qui fugiat cupidatat voluptate eiusmod. Veniam quis et nisi qui cupidatat est est elit exercitation et nostrud deserunt ea. Nulla ex voluptate dolor sint nulla culpa culpa ipsum excepteur laborum nostrud ad. - - - Mollit dolore dolore sunt ullamco ex esse ad incididunt elit qui non id voluptate dolor. Ullamco veniam minim quis eu consectetur fugiat ullamco qui anim sit dolor. Ullamco exercitation enim ut aliquip amet dolore aliquip do in occaecat nulla dolor laboris consequat. - - -``` - -```jsx static - - Some content here. - -``` \ No newline at end of file diff --git a/src/components/TeamMemberCard/TeamMemberCard.stories.mdx b/src/components/TeamMemberCard/TeamMemberCard.stories.mdx deleted file mode 100644 index f1c7c71..0000000 --- a/src/components/TeamMemberCard/TeamMemberCard.stories.mdx +++ /dev/null @@ -1,23 +0,0 @@ -import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'; -import TeamMemberCard from "./TeamMemberCard"; - - -The TeamMemberCard is used to give a quick summary on people that have worked on webqueue2. It displays a image of the team member, the person's first and last name, a brief professional summary, and a link to their personal portfolio(if applicable). - -If no image is provided the profile image is replaced with the first initial of the team memebers first name. - - - - - -{args => } - - - - diff --git a/src/components/TeamMemberCard/index.js b/src/components/TeamMemberCard/index.js deleted file mode 100644 index d951386..0000000 --- a/src/components/TeamMemberCard/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import TeamMemberCard from "./TeamMemberCard"; - -export default TeamMemberCard; \ No newline at end of file