blob: 566c70af16c16f5f7e5002a179e62934174974a0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
import '../css/UserCheckin.css';
import { useEffect, useState } from "react";
/**
* Componenet for checkins. Has a toggle to show more info.
* @param {Object} props The props of the component.
* @returns {import('react').HtmlHTMLAttributes} A list element holding a checkin's info.
*/
function EdgeInfo(props) {
/* // State - toggled
const [stockList, setStockList] = useState([]);
const stockInfo = stockList.map((stock) =>
<li>{stock}</li>
);
const getEdgeInfo = (fromID, toID) => {
fetch("http://localhost:4567/edge-data", {
method: "POST",
body: JSON.stringify({
followerID: fromID,
leaderID: toID,
}),
headers: {
"Content-Type": "application/json",
},
credentials: "same-origin"
})
.then(res => res.json())
.then(data => {
console.log(data);
setStockList(data);
})
.catch(err => console.log(err));
}
useEffect(() => getEdgeInfo(), [props.selectedFollowerID, props.selectedLeaderID]);
*/
return (
<div>
</div>
/*<div className='Chosen-user' hidden={!props.showEdgeInfo}>
<h3>
<span onClick={() => props.setShowEdgeInfo(false)}>
<img className="Img-btn" src="assets/round_arrow_back_white_18dp.png" alt="image" />
</span>
</h3>
<div className = 'edge-info'>
{stockInfo}
</div>
</div>*/);
}
export default EdgeInfo;
|
