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

groups: fix join/leave notification toggle

Browse Source 
fixes urbit/landscape#1012
This commit is contained in:
James Acklin 2022-04-08 10:49:10 -04:00
parent a15efab60c
commit 2c08d2477e
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
pkg/interface/src/views/components/StatelessAsyncToggle.tsx
View File

@ -1,7 +1,7 @@
import {
LoadingSpinner, StatelessToggleSwitchField as Toggle,
Text
Box,
Icon,
LoadingSpinner, StatelessToggleSwitchField as Toggle
} from '@tlon/indigo-react';
import React, { ReactElement } from 'react';
import { useStatelessAsyncClickable } from '~/logic/lib/useStatelessAsyncClickable';
@ -22,11 +22,17 @@ export function StatelessAsyncToggle({
} = useStatelessAsyncClickable(onClick, name);
return state === 'error' ? (
<Text>Error</Text>
<Box width={5} textAlign='center' title='Something went wrong...'>
<Icon icon='ExclaimationMarkBold' />
</Box>
) : state === 'loading' ? (
<LoadingSpinner foreground={'white'} background="gray" />
<Box width={5} textAlign='center'>
<LoadingSpinner foreground={'white'} background="gray" />
</Box>
) : state === 'success' ? (
<Text mx={2}>Done</Text>
<Box width={5} textAlign='center' title='Success'>
<Icon icon='CheckmarkBold' />
</Box>
) : (
<Toggle onClick={handleClick} {...rest} />
);

4
pkg/interface/src/views/landscape/components/GroupSettings/Personal.tsx
View File

@ -34,8 +34,8 @@ export function GroupPersonalSettings(props: {
>
<StatelessAsyncToggle selected={watching} onClick={onClick} />
<Col>
<Label>Notify me on group activity</Label>
<Label mt={2} gray>Send me notifications when this group changes</Label>
<Label>Notify me on participant activity</Label>
<Label mt={2} gray>When a user joins or leaves this group, send me a notification</Label>
</Col>
</BaseLabel>
</Col>