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>