on master help sign in
ux: improvements to end of Set Network Keys flow
7570747tomholford
src/views/UrbitOS/NetworkingKeys.js+14−7
@@ -25,6 +25,7 @@ import ViewHeader from 'components/ViewHeader';
25import DownloadKeyfileButton from 'components/DownloadKeyfileButton';
25import DownloadKeyfileButton from 'components/DownloadKeyfileButton';
26import InlineEthereumTransaction from 'components/InlineEthereumTransaction';
26import InlineEthereumTransaction from 'components/InlineEthereumTransaction';
27import NoticeBox from 'components/NoticeBox';
27import NoticeBox from 'components/NoticeBox';
28+import AlertBox from 'components/AlertBox';
28
29
29import { HexInput } from 'form/Inputs';
30import { HexInput } from 'form/Inputs';
30import {
31import {
@@ -205,28 +206,34 @@ export default function UrbitOSNetworkingKeys({
205 []
206 []
206 );
207 );
207
208
209+ const viewTitle = completed
210+ ? 'Network Keys are now set'
211+ : 'Set Networking Keys';
212+
208 const usageMessage =
213 const usageMessage =
209− 'You need this to authenticate with Arvo. Please download';
214+ 'You need this keyfile to authenticate with your OS. Please Download.';
210
215
211 return (
216 return (
212 <>
217 <>
213 <Grid>
218 <Grid>
214 <Grid.Item full as={ViewHeader}>
219 <Grid.Item full as={ViewHeader}>
215− Set Networking Keys
220+ {viewTitle}
216− </Grid.Item>
217− <Grid.Item className="gray4 f5" full>
218− Network Keys authenticate Urbit ID with Urbit OS.
219 </Grid.Item>
221 </Grid.Item>
222+ {!completed && (
223+ <Grid.Item className="gray4 f5" full>
224+ Network Keys authenticate Urbit ID with Urbit OS.
225+ </Grid.Item>
226+ )}
220 {completed && (
227 {completed && (
221 <>
228 <>
222 <Grid.Item
229 <Grid.Item
223 full
230 full
224− className="mv3"
231+ className="mb3"
225 as={DownloadKeyfileButton}
232 as={DownloadKeyfileButton}
226 solid
233 solid
227 {...keyfileBind}
234 {...keyfileBind}
228 />
235 />
229− <Grid.Item full className="mb3 bg-red3 white t-center p3">
236+ <Grid.Item full as={AlertBox} className="mb8">
230 {usageMessage}
237 {usageMessage}
231 </Grid.Item>
238 </Grid.Item>
232 </>
239 </>