@@ -25,6 +25,7 @@ import ViewHeader from 'components/ViewHeader';
2525import DownloadKeyfileButton from 'components/DownloadKeyfileButton';
2626import InlineEthereumTransaction from 'components/InlineEthereumTransaction';
2727import NoticeBox from 'components/NoticeBox';
28+import AlertBox from 'components/AlertBox';
2829
2930import { HexInput } from 'form/Inputs';
3031import {
@@ -205,28 +206,34 @@ export default function UrbitOSNetworkingKeys({
205206 []
206207 );
207208
209+ const viewTitle = completed
210+ ? 'Network Keys are now set'
211+ : 'Set Networking Keys';
212+
208213 const usageMessage =
209− 'You need this to authenticate with Arvo. Please download';
214+ 'You need this keyfile to authenticate with your OS. Please Download.';
210215
211216 return (
212217 <>
213218 <Grid>
214219 <Grid.Item full as={ViewHeader}>
215− Set Networking Keys
216− </Grid.Item>
217− <Grid.Item className="gray4 f5" full>
218− Network Keys authenticate Urbit ID with Urbit OS.
220+ {viewTitle}
219221 </Grid.Item>
222+ {!completed && (
223+ <Grid.Item className="gray4 f5" full>
224+ Network Keys authenticate Urbit ID with Urbit OS.
225+ </Grid.Item>
226+ )}
220227 {completed && (
221228 <>
222229 <Grid.Item
223230 full
224− className="mv3"
231+ className="mb3"
225232 as={DownloadKeyfileButton}
226233 solid
227234 {...keyfileBind}
228235 />
229− <Grid.Item full className="mb3 bg-red3 white t-center p3">
236+ <Grid.Item full as={AlertBox} className="mb8">
230237 {usageMessage}
231238 </Grid.Item>
232239 </>