Add defaultProps and propTypes to all components

src/components/Calendar/Calendar.jsx

@@ -8,6 +8,7 @@ import styled from 'styled-components';
 import { calendarFetch } from './CalendarFetch';
 
 import EventWindow from './EventWindow.jsx';
+import PropTypes from 'prop-types';
 
 const DEFAULT_EVENT_WINDOW_WIDTH = 400;
 const EVENT_WINDOW_H_OFFSET = 10;
@@ -214,4 +215,8 @@ Calendar.defaultProps = {
     }
 };
 
+Calendar.propTypes = {
+    calendarStyle: PropTypes.objectOf(PropTypes.string)
+};
+
 export default Calendar;

src/components/Calendar/CalendarField.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import PropTypes from 'prop-types';
 
 const CalendarFieldContainer = styled.div`
   display: flex;
@@ -117,4 +118,18 @@ class CalendarField extends React.Component {
     }
 }
 
+CalendarField.defaultProps = {
+    text: "",
+    link: "",
+    className: "",
+    icon: "clock"
+};
+
+CalendarField.propTypes = {
+    text: PropTypes.string,
+    link: PropTypes.string,
+    className: PropTypes.string,
+    icon: PropTypes.string
+};
+
 export default CalendarField;

src/components/Calendar/EventWindow.jsx

@@ -4,6 +4,7 @@ import styled from 'styled-components';
 import CalendarField from './CalendarField.jsx';
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import PropTypes from 'prop-types';
 
 const Wrapper = styled.div`
   word-wrap: break-word;
@@ -161,4 +162,34 @@ class EventWindow extends React.Component {
     }
 }
 
+EventWindow.defaultProps = {
+    closeWindow: () => {},
+    eventClicked: {
+        url: "",
+        title: "",
+        start: new Date('January 1, 1970 00:00:00'),
+        end: new Date('January 1, 1970 00:00:00'),
+        hasTime: false,
+        location: "",
+        description: ""
+    },
+    hidden: true,
+    className: ""
+};
+
+EventWindow.propTypes = {
+    closeWindow: PropTypes.func,
+    eventClicked: PropTypes.shape({
+        url: PropTypes.string,
+        title: PropTypes.string,
+        start: PropTypes.instanceOf(Date),
+        end: PropTypes.instanceOf(Date),
+        hasTime: PropTypes.bool,
+        location: PropTypes.string,
+        description: PropTypes.string
+    }),
+    hidden: PropTypes.bool,
+    className: PropTypes.string
+};
+
 export default EventWindow;

src/components/FAQ/Question.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import "../../utility/fonts.css";
 import "../../index.css";
 import { StaticP, StaticH1 } from "../../utility/ContentStyles.js";
-
+import PropTypes from 'prop-types';
 
 const Question = (props) => (
     <React.Fragment>
@@ -11,4 +11,14 @@ const Question = (props) => (
     </React.Fragment>
 );
 
+Question.defaultProps = {
+    question: "",
+    answer: ""
+};
+
+Question.propTypes = {
+    question: PropTypes.string,
+    answer: PropTypes.string
+};
+
 export default Question;

src/components/StaticHeader/StaticHeader.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import devices from '../../utility/MediaQueries.js';
+import PropTypes from 'prop-types';
 
 const Header = styled.h1`
   font-family: "Roboto Condensed";
@@ -27,4 +28,12 @@ const StaticHeader = (props) => (
     </HeaderOuter>
 );
 
+StaticHeader.defaultProps = {
+    children: ""
+};
+
+StaticHeader.propTypes = {
+    children: PropTypes.string
+};
+
 export default StaticHeader;

src/components/SubpageOuter/SubpageOuter.jsx

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 import devices from '../../utility/MediaQueries.js';
 
 import StaticHeader from "../StaticHeader/StaticHeader.jsx";
+import PropTypes from 'prop-types';
 
 const Outer = styled.div`
   width: 100%;
@@ -27,4 +28,12 @@ const SubpageOuter = (props) => (
     </Outer>
 );
 
+SubpageOuter.defaultProps = {
+    header: ""
+};
+
+SubpageOuter.propTypes = {
+    header: PropTypes.string
+};
+
 export default SubpageOuter;

src/components/Team/MemberCard.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import "../../utility/fonts.css";
 import styled, { css } from 'styled-components';
+import PropTypes from 'prop-types';
 
 const specificResponsiveness = (...args) => css`@media all and (min-width: 214px) and (max-width: 600px) {${css(...args)};}`;
 
@@ -159,4 +160,12 @@ MemberCard.defaultProps = {
     personalUrl: ""
 };
 
+MemberCard.propTypes = {
+    instagramUrl: PropTypes.string,
+    githubUrl: PropTypes.string,
+    linkedinUrl: PropTypes.string,
+    facebookUrl: PropTypes.string,
+    personalUrl: PropTypes.string,
+};
+
 export default MemberCard;