Receive support for View Once photos

This commit is contained in:
Scott Nonnenberg 2019-06-26 12:33:13 -07:00
parent fccf1eec30
commit e62a1a7812
38 changed files with 1937 additions and 102 deletions

View file

@ -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>