3034f4ce6c
* bring in ody styles; modify; cleanup * workflow * workflow * v0.52.6-alpha.teststyles.1 * fix hook * v0.52.6-alpha.teststyles.2 * style fixes * fix pagination styling * v0.52.6-alpha.teststyles.3 * wallet icon was bad * restore deploy script * fixes * fix player close button * modal inputs * cleanup * cleanup * fix staked indicator * fix profile menu button skel delay * fix view-all-playlists hover * fix overlay buttons on collection page * fix header buttons
38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
// @flow
|
|
import classnames from 'classnames';
|
|
import React from 'react';
|
|
|
|
type Props = {
|
|
isChannel: boolean,
|
|
type: string,
|
|
};
|
|
|
|
function ClaimPreviewLoading(props: Props) {
|
|
const { isChannel, type } = props;
|
|
return (
|
|
<li
|
|
className={classnames('placeholder claim-preview__wrapper', {
|
|
'claim-preview__wrapper--channel': isChannel && type !== 'inline',
|
|
'claim-preview__wrapper--inline': type === 'inline',
|
|
'claim-preview__wrapper--small': type === 'small',
|
|
})}
|
|
>
|
|
<div className={classnames('claim-preview', { 'claim-preview--large': type === 'large' })}>
|
|
<div className="media__thumb" />
|
|
<div className="placeholder__wrapper">
|
|
<div className="claim-preview__title" />
|
|
<div className="claim-preview__title_b" />
|
|
<div className="claim-tile__info">
|
|
<div className="channel-thumbnail" />
|
|
<div className="claim-tile__about">
|
|
<div className="media__subtitle" />
|
|
<div className="media__subtitle_b" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
);
|
|
}
|
|
|
|
export default ClaimPreviewLoading;
|