diff --git a/pkg/interface/src/views/components/StatelessAsyncToggle.tsx b/pkg/interface/src/views/components/StatelessAsyncToggle.tsx index 50fed53fc..c8cd0dc50 100644 --- a/pkg/interface/src/views/components/StatelessAsyncToggle.tsx +++ b/pkg/interface/src/views/components/StatelessAsyncToggle.tsx @@ -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' ? ( - Error + + + ) : state === 'loading' ? ( - + + + ) : state === 'success' ? ( - Done + + + ) : ( ); diff --git a/pkg/interface/src/views/landscape/components/GroupSettings/Personal.tsx b/pkg/interface/src/views/landscape/components/GroupSettings/Personal.tsx index 1c8921f4d..78af34dca 100644 --- a/pkg/interface/src/views/landscape/components/GroupSettings/Personal.tsx +++ b/pkg/interface/src/views/landscape/components/GroupSettings/Personal.tsx @@ -34,8 +34,8 @@ export function GroupPersonalSettings(props: { > - - + +