on master help sign in
WIP
5b3f2fdBrendan Hay
src/components/HostedShip.js+18−19
@@ -73,25 +73,24 @@ export default function HostedShip({
73
73
74 const renderEvents = (title, detail, events) => {
74 const renderEvents = (title, detail, events) => {
75 return (
75 return (
76− events.length > 0 && (
77− <>
76+ <>
78− <Grid.Item
77+ <Grid.Item
79− full
78+ full
80− as={ForwardButton}
79+ as={ForwardButton}
81− accessory=""
80+ accessory=""
82− disabled
81+ disabled
83− detail={detail}>
82+ detail={detail}>
84− {title}
83+ {title}
85− </Grid.Item>
84+ </Grid.Item>
86− <Grid.Item full>
85+ <Grid.Item full>
87− <ul className="hosting-events">
86+ <ul className="hosting-events">
87+ {events.length === 0 && (<li>&lt;Waiting&gt;</li>)}
88− {events.map(event => (
88+ {events.map(event => (
89− <li>{event}</li>
89+ <li>{event}</li>
90− ))}
90+ ))}
91− </ul>
91+ </ul>
92− </Grid.Item>
92+ </Grid.Item>
93− </>
93+ </>
94− )
95 );
94 );
96 };
95 };
97
96
src/lib/useHostedShip.js+8−1
@@ -15,7 +15,14 @@ const STATE = {
15};
15};
16
16
17export function useHostedShip(client, patp) {
17export 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+ );
19
26
20 const [sysEvents, setSysEvents] = useState([]);
27 const [sysEvents, setSysEvents] = useState([]);
21 const [newEvents, setNewEvents] = useState([]);
28 const [newEvents, setNewEvents] = useState([]);