Receive support for View Once photos
This commit is contained in:
parent
fccf1eec30
commit
e62a1a7812
38 changed files with 1937 additions and 102 deletions
|
@ -2,37 +2,44 @@ import React from 'react';
|
|||
import classNames from 'classnames';
|
||||
|
||||
interface Props {
|
||||
size: 'small' | 'mini' | 'normal';
|
||||
size?: string;
|
||||
svgSize: 'small' | 'normal';
|
||||
direction?: string;
|
||||
}
|
||||
|
||||
export class Spinner extends React.Component<Props> {
|
||||
public render() {
|
||||
const { size, direction } = this.props;
|
||||
const { size, svgSize, direction } = this.props;
|
||||
|
||||
return (
|
||||
<div
|
||||
className={classNames(
|
||||
'module-spinner__container',
|
||||
`module-spinner__container--${size}`,
|
||||
`module-spinner__container--${svgSize}`,
|
||||
direction ? `module-spinner__container--${direction}` : null,
|
||||
direction ? `module-spinner__container--${size}-${direction}` : null
|
||||
direction
|
||||
? `module-spinner__container--${svgSize}-${direction}`
|
||||
: null
|
||||
)}
|
||||
style={{
|
||||
height: size,
|
||||
width: size,
|
||||
}}
|
||||
>
|
||||
<div
|
||||
className={classNames(
|
||||
'module-spinner__circle',
|
||||
`module-spinner__circle--${size}`,
|
||||
`module-spinner__circle--${svgSize}`,
|
||||
direction ? `module-spinner__circle--${direction}` : null,
|
||||
direction ? `module-spinner__circle--${size}-${direction}` : null
|
||||
direction ? `module-spinner__circle--${svgSize}-${direction}` : null
|
||||
)}
|
||||
/>
|
||||
<div
|
||||
className={classNames(
|
||||
'module-spinner__arc',
|
||||
`module-spinner__arc--${size}`,
|
||||
`module-spinner__arc--${svgSize}`,
|
||||
direction ? `module-spinner__arc--${direction}` : null,
|
||||
direction ? `module-spinner__arc--${size}-${direction}` : null
|
||||
direction ? `module-spinner__arc--${svgSize}-${direction}` : null
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue