WIP
commit5b3f2fde7e6a8075f591482dc39ccb7ebdabacd9
authorBrendan Hay <brendan.g.hay@gmail.com>
dateTue 17 Dec 2019, 13:11 (7 years ago)
parent0e6a15f
src/components/HostedShip.js+18−19
@@ -73,25 +73,24 @@ export default function HostedShip({
7373
7474 const renderEvents = (title, detail, events) => {
7575 return (
76− events.length > 0 && (
77− <>
78− <Grid.Item
79− full
80− as={ForwardButton}
81− accessory=""
82− disabled
83− detail={detail}>
84− {title}
85− </Grid.Item>
86− <Grid.Item full>
87− <ul className="hosting-events">
88− {events.map(event => (
89− <li>{event}</li>
90− ))}
91− </ul>
92− </Grid.Item>
93− </>
94− )
76+ <>
77+ <Grid.Item
78+ full
79+ as={ForwardButton}
80+ accessory=""
81+ disabled
82+ detail={detail}>
83+ {title}
84+ </Grid.Item>
85+ <Grid.Item full>
86+ <ul className="hosting-events">
87+ {events.length === 0 && (<li><Waiting></li>)}
88+ {events.map(event => (
89+ <li>{event}</li>
90+ ))}
91+ </ul>
92+ </Grid.Item>
93+ </>
9594 );
9695 };
9796
src/lib/useHostedShip.js+8−1
@@ -15,7 +15,14 @@ const STATE = {
1515};
1616
1717export function useHostedShip(client, patp) {
18− const [state, setState] = useState(STATE.UNKNOWN);
18+ const [state, _setState] = useState(STATE.UNKNOWN);
19+ const setState = useCallback(
20+ s => {
21+ console.log(s);
22+ _setState(s);
23+ },
24+ [_setState]
25+ );
1926
2027 const [sysEvents, setSysEvents] = useState([]);
2128 const [newEvents, setNewEvents] = useState([]);