do not shrink SessionSpinner

pull/1403/head
Audric Ackermann 4 years ago
parent 5109f9fdda
commit e9f186065d
No known key found for this signature in database
GPG Key ID: 999F434D76324AD4

@ -801,6 +801,7 @@ label {
position: relative; position: relative;
width: 80px; width: 80px;
height: 80px; height: 80px;
flex-shrink: 0;
div { div {
position: absolute; position: absolute;

@ -168,6 +168,8 @@ export class SessionClosableOverlay extends React.Component<Props, State> {
overlayMode === SessionClosableOverlayType.ClosedGroup && overlayMode === SessionClosableOverlayType.ClosedGroup &&
contacts.length === 0; contacts.length === 0;
const showLoadingSpinner = showSpinner === undefined ? false : showSpinner;
return ( return (
<div className="module-left-pane-overlay"> <div className="module-left-pane-overlay">
<div className="exit"> <div className="exit">
@ -211,7 +213,7 @@ export class SessionClosableOverlay extends React.Component<Props, State> {
/> />
)} )}
{showSpinner && <SessionSpinner />} <SessionSpinner loading={showLoadingSpinner} />
{isClosedGroupView && ( {isClosedGroupView && (
<> <>

@ -1,32 +1,22 @@
import React from 'react'; import React from 'react';
interface Props { type Props = {
loading: boolean; loading: boolean;
} };
export class SessionSpinner extends React.Component<Props> { export const SessionSpinner = (props: Props) => {
public static defaultProps = { const { loading } = props;
loading: true,
};
constructor(props: any) { return (
super(props); <>
} {loading ? (
<div className="session-loader">
public render() { <div />
const { loading } = this.props; <div />
<div />
return ( <div />
<> </div>
{loading ? ( ) : null}
<div className="session-loader"> </>
<div /> );
<div /> };
<div />
<div />
</div>
) : null}
</>
);
}
}

Loading…
Cancel
Save