From ee4ac5669bd81e021224ab899f274e7c6233ae01 Mon Sep 17 00:00:00 2001
From: Michael Fatemi <myfatemi04@gmail.com>
Date: Sat, 10 Apr 2021 22:30:48 -0400
Subject: [PATCH] Remove unused parts

---
 src/api/google.ts             |   2 -
 src/components/CreatePool.tsx | 279 +++++++++++++++++-----------------
 2 files changed, 136 insertions(+), 145 deletions(-)

diff --git a/src/api/google.ts b/src/api/google.ts
index fea6950..44f2167 100644
--- a/src/api/google.ts
+++ b/src/api/google.ts
@@ -14,5 +14,3 @@ export async function searchForPlaces(query: string) {
 
 	return json;
 }
-
-console.log(searchForPlaces);
diff --git a/src/components/CreatePool.tsx b/src/components/CreatePool.tsx
index b96a59a..db0a631 100644
--- a/src/components/CreatePool.tsx
+++ b/src/components/CreatePool.tsx
@@ -1,12 +1,11 @@
-import { makeAPIPostCall } from '../api/utils';
+import Button from '@material-ui/core/Button';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
 import { makeStyles } from '@material-ui/core/styles';
-import Button from '@material-ui/core/Button';
-import Typography from '@material-ui/core/Typography';
 import CloudUploadIcon from '@material-ui/icons/CloudUpload';
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { searchForPlaces } from '../api/google';
+import { makeAPIPostCall } from '../api/utils';
 const useStyles = makeStyles((theme) => ({
 	root: {
 		maxWidth: 345,
@@ -50,146 +49,140 @@ const CreatePool = () => {
 				style={{ margin: '0.5rem', background: '#F3F5F4' }}
 			>
 				<CardContent>
-					<Typography gutterBottom variant="h5" component="h2"></Typography>
-					<Typography variant="body2" color="textSecondary" component="p">
-						<div className="form-group">
-							<h1 className="form-title" style={{ fontFamily: 'Impact' }}>
-								Create Pool
-							</h1>
-							<label className="" htmlFor="title">
-								Pool Title:{' '}
-							</label>
-							<input
-								type="text"
-								id="title"
-								name="title"
-								className="form-control d-flex"
-								placeholder="Enter title here..."
-								onChange={(event) => setTitle(event.target.value)}
-							></input>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="capacity">
-								Pool Capacity:
-							</label>
-							<input
-								type="number"
-								id="capacity"
-								name="capacity"
-								className="form-control d-flex"
-								placeholder="0"
-								onChange={(event) => setCapacity(parseInt(event.target.value))}
-							></input>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="pool_start">
-								Start Time:
-							</label>
-							<input
-								type="datetime-local"
-								id="pool_start"
-								name="pool_start"
-								className="form-control"
-								placeholder=""
-								onChange={(event) => setStart(event.target.value)}
-							></input>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="pool_end">
-								End Time:
-							</label>
-							<input
-								type="datetime-local"
-								id="pool_end"
-								name="pool_end"
-								className="form-control"
-								placeholder="Enter text here..."
-								onChange={(event) => setEnd(event.target.value)}
-							></input>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="pool_direction">
-								Direction:
-							</label>
-							<select
-								id="direction"
-								name="direction"
-								onChange={(event) => setDirection(event.target.value)}
-							>
-								<option value="pickup">Picking Up</option>
-								<option value="dropoff">Dropping Off</option>
-							</select>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="pool_type">
-								Type:
-							</label>
-							<select
-								id="type"
-								name="type"
-								onChange={(event) => setType(event.target.value)}
-							>
-								<option value="offer">Offering carpool</option>
-								<option value="request">Requesting carpooll</option>
-							</select>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="title">
-								Pool Description:
-							</label>
-							<textarea
-								onChange={(event) => setDescription(event.target.value)}
-								id="Pool-text"
-								name="Pool-text"
-								style={{ height: '200px' }}
-								className="form-control"
-								placeholder="Enter text here..."
-							/>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="pool_start">
-								Group:
-							</label>
-							<input
-								type="text"
-								className="form-control"
-								placeholder=""
-								onChange={(event) => setGroup(event.target.value)}
-							></input>
-						</div>
-						<div className="form-group">
-							<label className="" htmlFor="location">
-								Location:
-							</label>
-							<input
-								type="text"
-								className="form-control"
-								id="location_input"
-							></input>
-							<button
-								onClick={(e) => {
-									e.preventDefault();
-									let input = document.getElementById(
-										'location_input'
-									) as HTMLInputElement;
-									let places = searchForPlaces(input.value);
-									console.log(places);
-								}}
-							>
-								Search
-							</button>
-						</div>
-						<Button
-							variant="contained"
-							color="primary"
-							className={classes.button}
-							onClick={onClick}
-							startIcon={<CloudUploadIcon />}
+					<div className="form-group">
+						<h1 className="form-title">Create Pool</h1>
+						<label className="" htmlFor="title">
+							Pool Title:{' '}
+						</label>
+						<input
+							type="text"
+							id="title"
+							name="title"
+							className="form-control d-flex"
+							placeholder="Enter title here..."
+							onChange={(event) => setTitle(event.target.value)}
+						></input>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="capacity">
+							Pool Capacity:
+						</label>
+						<input
+							type="number"
+							id="capacity"
+							name="capacity"
+							className="form-control d-flex"
+							placeholder="0"
+							onChange={(event) => setCapacity(parseInt(event.target.value))}
+						></input>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="pool_start">
+							Start Time:
+						</label>
+						<input
+							type="datetime-local"
+							id="pool_start"
+							name="pool_start"
+							className="form-control"
+							placeholder=""
+							onChange={(event) => setStart(event.target.value)}
+						></input>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="pool_end">
+							End Time:
+						</label>
+						<input
+							type="datetime-local"
+							id="pool_end"
+							name="pool_end"
+							className="form-control"
+							placeholder="Enter text here..."
+							onChange={(event) => setEnd(event.target.value)}
+						></input>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="pool_direction">
+							Direction:
+						</label>
+						<select
+							id="direction"
+							name="direction"
+							onChange={(event) => setDirection(event.target.value)}
 						>
-							Submit
-						</Button>
-						<br />
-					</Typography>
+							<option value="pickup">Picking Up</option>
+							<option value="dropoff">Dropping Off</option>
+						</select>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="pool_type">
+							Type:
+						</label>
+						<select
+							id="type"
+							name="type"
+							onChange={(event) => setType(event.target.value)}
+						>
+							<option value="offer">Offering carpool</option>
+							<option value="request">Requesting carpooll</option>
+						</select>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="title">
+							Pool Description:
+						</label>
+						<textarea
+							onChange={(event) => setDescription(event.target.value)}
+							id="Pool-text"
+							name="Pool-text"
+							style={{ height: '200px' }}
+							className="form-control"
+							placeholder="Enter text here..."
+						/>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="pool_start">
+							Group:
+						</label>
+						<input
+							type="text"
+							className="form-control"
+							placeholder=""
+							onChange={(event) => setGroup(event.target.value)}
+						></input>
+					</div>
+					<div className="form-group">
+						<label className="" htmlFor="location">
+							Location:
+						</label>
+						<input
+							type="text"
+							className="form-control"
+							id="location_input"
+						></input>
+						<button
+							onClick={(e) => {
+								e.preventDefault();
+								let input = document.getElementById(
+									'location_input'
+								) as HTMLInputElement;
+								let places = searchForPlaces(input.value);
+								console.log(places);
+							}}
+						>
+							Search
+						</button>
+					</div>
+					<Button
+						variant="contained"
+						color="primary"
+						className={classes.button}
+						onClick={onClick}
+						startIcon={<CloudUploadIcon />}
+					>
+						Submit
+					</Button>
 				</CardContent>
 			</Card>
 		</div>