-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponents_weatherPop.js.html
123 lines (99 loc) · 5.63 KB
/
components_weatherPop.js.html
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: components/weatherPop.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: components/weatherPop.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import React, { useEffect, useState } from "react";
import "../css/ad.css";
const apiKey = '60ea3e0d4ae18a97f73bdcd78fc41e8d';
const WeatherPop = ({ stringID, handleClick, setWeatherPop, menu, handleClickExtra,handleComplete }) => {
const [lat, setLat] = useState([]);
const [long, setLong] = useState([]);
// const [data,setData] = useState([]);
const [temp, setTemp] = useState("");
/**
*
* useEffect that sets a timeout to close the weather popup and handle complete after 10 seconds.
* @param {string} stringID - the ID of the string to pass to the handleClick function
* @param {function} setWeatherPop - a function to set the visibility of the weather popup
*/
useEffect(() => {
// set a timeout to close the popup after 5 seconds
const timeout = setTimeout(() => {
setWeatherPop(false);
handleComplete();
}, 10000);
return () => clearTimeout(timeout); // cleanup function to clear the timeout on unmount
}, [stringID, setWeatherPop]);
/**
* Function that handles clicking a button element.
*
* @param {Object} event - the click event object
*/
function handleClicker(event) {
console.log(event.target.closest("button").id);
handleClick(event);
setWeatherPop(false);
}
return (
<>
<div id="adwrap">
<div className="heading">
<h2>
Its kinda hot today, Do you want to add a lemonade to your order?
</h2>
<img
src="/resource/lemonade.png"
alt="Chick-Fil-A Lemondade"
className="item-image-customer"
/>
</div>
<div className="new-btn-container">
<button
className="btn-new"
id={"leml"}
onClick={(event) => { handleClick(event);handleComplete(); setWeatherPop(false)}}
>
Yes
</button>
<button
className="btn-new"
id={stringID}
onClick={ () =>{handleComplete(); setWeatherPop(false)}}
>
No
</button>
</div>
</div>
</>
);
};
export default WeatherPop;
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#App">App</a></li><li><a href="global.html#Cashier">Cashier</a></li><li><a href="global.html#CashierDrink">CashierDrink</a></li><li><a href="global.html#CashierHeader">CashierHeader</a></li><li><a href="global.html#CashierMeal">CashierMeal</a></li><li><a href="global.html#CashierSauce">CashierSauce</a></li><li><a href="global.html#CashierSeasonal">CashierSeasonal</a></li><li><a href="global.html#Customer">Customer</a></li><li><a href="global.html#CustomerDrink">CustomerDrink</a></li><li><a href="global.html#ExcessReport">ExcessReport</a></li><li><a href="global.html#HOST">HOST</a></li><li><a href="global.html#Home">Home</a></li><li><a href="global.html#Inventory">Inventory</a></li><li><a href="global.html#Login">Login</a></li><li><a href="global.html#Logout">Logout</a></li><li><a href="global.html#Manager">Manager</a></li><li><a href="global.html#MenuAdder">MenuAdder</a></li><li><a href="global.html#MenuItems">MenuItems</a></li><li><a href="global.html#Orders">Orders</a></li><li><a href="global.html#PrivateRouteCashier">PrivateRouteCashier</a></li><li><a href="global.html#PrivateRouteManager">PrivateRouteManager</a></li><li><a href="global.html#UserInputLogger">UserInputLogger</a></li><li><a href="global.html#getMenuEffect">getMenuEffect</a></li><li><a href="global.html#getMenuPrice">getMenuPrice</a></li><li><a href="global.html#handleComplete">handleComplete</a></li><li><a href="global.html#handleIdChange">handleIdChange</a></li><li><a href="global.html#handleInventory">handleInventory</a></li><li><a href="global.html#handleNameChange">handleNameChange</a></li><li><a href="global.html#handleNewOrder">handleNewOrder</a></li><li><a href="global.html#handlePriceChange">handlePriceChange</a></li><li><a href="global.html#handleSubmit">handleSubmit</a></li><li><a href="global.html#local">local</a></li><li><a href="global.html#root">root</a></li><li><a href="global.html#useEffect">useEffect</a></li><li><a href="global.html#useGoogleSignIn">useGoogleSignIn</a></li><li><a href="global.html#useLocalState">useLocalState</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue May 02 2023 22:48:22 GMT-0500 (Central Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>