Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | 5x 5x 5x 5x 1x 1x | // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
import { VisualPickerMediaObject } from '../visual-picker/link/example';
import { UtilityIcon } from '../icons/base/example';
import { ActionIcon } from '../icons/action/example';
class WelcomeMatTileDeprecated extends React.Component {
render() {
const { tile } = this.props;
const completed = tile.completed;
const className = classNames('slds-welcome-mat__tile', {
'slds-welcome-mat__tile_complete': completed
});
return (
<li className={className}>
<VisualPickerMediaObject
symbol={tile.symbol}
icon={
<div className="slds-welcome-mat__tile-icon-container">
<UtilityIcon
className="slds-icon-text-default"
symbol={tile.symbol}
title={false}
assistiveText={false}
/>
<ActionIcon
title="Completed"
assistiveText="Completed"
className="slds-welcome-mat__icon-check"
symbol="check"
/>
</div>
}
>
<h3 className="slds-welcome-mat__tile-title">{tile.title}</h3>
<p className="slds-welcome-mat__tile-description">
{tile.description}
</p>
</VisualPickerMediaObject>
</li>
);
}
}
WelcomeMatTileDeprecated.propTypes = {
tile: PropTypes.object.isRequired
};
WelcomeMatTileDeprecated.defaultProps = {
tile: {
symbol: 'animal_and_nature',
title: 'Welcome to Salesforce!',
description: 'Lorem ipsum dolor sit amet, lorem ipsum dolor.',
completed: false
}
};
export default WelcomeMatTileDeprecated;
|