🎉 introduce ListCardView #29

people/src/components/ListCardView/ListCardView.tsx

@@ -0,0 +1,50 @@
+import React, { Component } from 'react'
+import ListCard from '../ListCard/ListCard'
+import { ListCardViewContainer, ListCardGrid } from './ListCardViewStyles'
+
+const people = [
+  {
+    name: "Taiyr Begeyev",
+    email: "[email protected]",
+    college: "Krupp",
+    room: "KC-113",
+    major: "CS",
+		class: "2021"
+  },
+  {
+    name: "Taiyr Begeyev",
+    email: "[email protected]",
+    college: "Krupp",
+    room: "KC-113",
+    major: "CS",
+		class: "2021"
+  },
+  {
+    name: "Taiyr Begeyev",
+    email: "[email protected]",
+    college: "Krupp",
+    room: "KC-113",
+    major: "CS",
+		class: "2021"
+  }
+]
+
+class ListCardView extends Component<{}, {}> {
+	public render() {
+		return (
+			<ListCardViewContainer maxWidth={'sm'}>
+				<ListCardGrid container spacing={2}>
+          {
+            people.map(person => (
+              <ListCardGrid item key={person.email} xs={12}>
+								<ListCard person={person}/>
+							</ListCardGrid>
+						))
+					}
+				</ListCardGrid>
+			</ListCardViewContainer>
+		);
+	}
+}
+
+export default ListCardView;

people/src/components/ListCardView/ListCardViewStyles.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import styled from 'styled-components'
+import { Container, Grid } from '@material-ui/core';
+
+export const ListCardViewContainer = styled(Container)`
+`
+
+export const ListCardGrid = styled(Grid)`
+`