mirror of
https://github.com/oxen-io/session-desktop.git
synced 2023-12-14 02:12:57 +01:00
8c4d90df07
Remove Android length warning Handle incoming long message attachments Show long download pending status in message bubble Fix the width of the smallest spinner Remove Android length warning from HTML templates
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
|
|
interface Props {
|
|
size: 'small' | 'mini' | 'normal';
|
|
direction?: string;
|
|
}
|
|
|
|
export class Spinner extends React.Component<Props> {
|
|
public render() {
|
|
const { size, direction } = this.props;
|
|
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
'module-spinner__container',
|
|
`module-spinner__container--${size}`,
|
|
direction ? `module-spinner__container--${direction}` : null,
|
|
direction ? `module-spinner__container--${size}-${direction}` : null
|
|
)}
|
|
>
|
|
<div
|
|
className={classNames(
|
|
'module-spinner__circle',
|
|
`module-spinner__circle--${size}`,
|
|
direction ? `module-spinner__circle--${direction}` : null,
|
|
direction ? `module-spinner__circle--${size}-${direction}` : null
|
|
)}
|
|
/>
|
|
<div
|
|
className={classNames(
|
|
'module-spinner__arc',
|
|
`module-spinner__arc--${size}`,
|
|
direction ? `module-spinner__arc--${direction}` : null,
|
|
direction ? `module-spinner__arc--${size}-${direction}` : null
|
|
)}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|