diff --git a/ts/components/conversation/right-panel/overlay/OverlayRightPanelSettings.tsx b/ts/components/conversation/right-panel/overlay/OverlayRightPanelSettings.tsx index beb8b85fa..b37a1054b 100644 --- a/ts/components/conversation/right-panel/overlay/OverlayRightPanelSettings.tsx +++ b/ts/components/conversation/right-panel/overlay/OverlayRightPanelSettings.tsx @@ -45,6 +45,7 @@ import { Flex } from '../../../basic/Flex'; import { SpacerLG, SpacerMD, SpacerXL } from '../../../basic/Text'; import { PanelButtonGroup, PanelIconButton } from '../../../buttons'; import { MediaItemType } from '../../../lightbox/LightboxGallery'; +import { SessionProgressBar } from '../../../loading'; import { MediaGallery } from '../../media-gallery/MediaGallery'; import { Header, StyledScrollContainer } from './components'; @@ -210,6 +211,25 @@ export const OverlayRightPanelSettings = () => { }); const lastMessage = useSelectedLastMessage(); + // TODO[epic=ses-50] move this into already have an account screen + // #region for testing + const [progress, setProgress] = useState(0); + + useEffect(() => { + const interval = setInterval(() => { + setProgress(oldProgress => { + if (oldProgress === 100) { + clearInterval(interval); + return 100; + } + return Math.min(oldProgress + 10, 100); + }); + }, 1000); + + return () => clearInterval(interval); + }, []); + // #endregion + useEffect(() => { let isCancelled = false; @@ -280,6 +300,14 @@ export const OverlayRightPanelSettings = () => { return ( + {showUpdateGroupNameButton && (