urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-26 21:44:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

UnjoinedResource: clean up design

Browse Source
This commit is contained in:
Liam Fitzgerald 2020-10-07 10:21:27 +10:00
parent 71251501e0
commit 2ed5e4e077
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pkg/interface/src/views/components/UnjoinedResource.tsx
View File

@ -1,7 +1,7 @@
import React, { useEffect, useMemo } from "react"; import React, { useEffect, useMemo } from "react";
import { Association } from "~/types/metadata-update"; import { Association } from "~/types/metadata-update";
import { Box, Text, Button, Col, Center } from "@tlon/indigo-react"; import { Box, Text, Button, Col, Center } from "@tlon/indigo-react";
import RichText from '~/views/components/RichText'; import RichText from "~/views/components/RichText";
import { Link, useHistory } from "react-router-dom"; import { Link, useHistory } from "react-router-dom";
import GlobalApi from "~/logic/api/global"; import GlobalApi from "~/logic/api/global";
import { useWaitForProps } from "~/logic/lib/useWaitForProps"; import { useWaitForProps } from "~/logic/lib/useWaitForProps";
@ -80,14 +80,21 @@ export function UnjoinedResource(props: UnjoinedResourceProps) {
return ( return (
<Center p={6}> <Center p={6}>
<Col maxWidth="400px" p={4} border={1} borderColor="washedGray"> <Col
<Box mb={4}> maxWidth="400px"
p={4}
border={1}
borderColor="lightGray"
borderRadius="1"
gapY="3"
>
<Box>
<Text>{title}</Text> <Text>{title}</Text>
</Box> </Box>
<Box mb={4}> <Box>
<RichText color="gray">{description}</RichText> <RichText color="gray">{description}</RichText>
</Box> </Box>
<StatelessAsyncButton onClick={onJoin} mx="auto" border> <StatelessAsyncButton primary width="fit-content" onClick={onJoin}>
Join Channel Join Channel
</StatelessAsyncButton> </StatelessAsyncButton>
</Col> </Col>