From aba1d34c79db5e635f9d58ffe8f16c1f29f2f6be Mon Sep 17 00:00:00 2001
From: Joshua Hsueh <joshua12696@gmail.com>
Date: Sat, 10 Apr 2021 14:44:02 -0400
Subject: [PATCH] pool register button
---
src/components/Pool.js | 18 +++++++++++++++++-
1 file changed, 17 insertions(+), 1 deletion(-)
diff --git a/src/components/Pool.js b/src/components/Pool.js
index 7d11162..a5402fe 100644
--- a/src/components/Pool.js
+++ b/src/components/Pool.js
@@ -1,7 +1,8 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, Component } from 'react';
const Pool = (props) => {
const poolid = props.match.params.id;
+ const registered = false;
const [state, setState] = useState({
pool_title: 'TJ Carpool',
id: 1,
@@ -31,6 +32,7 @@ const Pool = (props) => {
console.log(data);
});
};
+
useEffect(() => {
callAPI();
}, []);
@@ -51,7 +53,21 @@ const Pool = (props) => {
<p className="text-left">Start Time: {state.start_time}</p>
<p className="text-left">End Time: {state.end_time}</p>
<p className="text-left">{state.pool_text}</p>
+ <form
+ action={'register_pool/' + poolid}
+ method="POST"
+ className="text-left"
+ >
+ <input
+ type="submit"
+ value={!registered ? 'Register' : 'Unregister'}
+ className={
+ 'text-left btn btn-' + (!registered ? 'success' : 'danger')
+ }
+ />
+ </form>
</div>
+
<form onSubmit={onComment}>
<div id="form-group" className="text-left">
<textarea