diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss index 26f6e44ef..28b48322d 100644 --- a/stylesheets/_session.scss +++ b/stylesheets/_session.scss @@ -801,6 +801,7 @@ label { position: relative; width: 80px; height: 80px; + flex-shrink: 0; div { position: absolute; diff --git a/ts/components/session/SessionClosableOverlay.tsx b/ts/components/session/SessionClosableOverlay.tsx index 5b3ef484c..bd6ce2665 100644 --- a/ts/components/session/SessionClosableOverlay.tsx +++ b/ts/components/session/SessionClosableOverlay.tsx @@ -168,6 +168,8 @@ export class SessionClosableOverlay extends React.Component { overlayMode === SessionClosableOverlayType.ClosedGroup && contacts.length === 0; + const showLoadingSpinner = showSpinner === undefined ? false : showSpinner; + return (
@@ -211,7 +213,7 @@ export class SessionClosableOverlay extends React.Component { /> )} - {showSpinner && } + {isClosedGroupView && ( <> diff --git a/ts/components/session/SessionSpinner.tsx b/ts/components/session/SessionSpinner.tsx index dd33e0688..b57bb0110 100644 --- a/ts/components/session/SessionSpinner.tsx +++ b/ts/components/session/SessionSpinner.tsx @@ -1,32 +1,22 @@ import React from 'react'; -interface Props { +type Props = { loading: boolean; -} +}; -export class SessionSpinner extends React.Component { - public static defaultProps = { - loading: true, - }; +export const SessionSpinner = (props: Props) => { + const { loading } = props; - constructor(props: any) { - super(props); - } - - public render() { - const { loading } = this.props; - - return ( - <> - {loading ? ( -
-
-
-
-
-
- ) : null} - - ); - } -} + return ( + <> + {loading ? ( +
+
+
+
+
+
+ ) : null} + + ); +};