|
1 | 1 | import React from 'react';
|
2 |
| -import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; |
| 2 | +import { useIntl } from '@edx/frontend-platform/i18n'; |
3 | 3 | import { Button, ButtonGroup } from '@openedx/paragon';
|
4 |
| -import PropTypes from 'prop-types'; |
5 | 4 | import SettingsOption from '../SettingsOption';
|
6 | 5 |
|
7 |
| -const ShuffleCard = ({ |
8 |
| - showShuffleButton, |
9 |
| - defaultValue, |
10 |
| - updateSettings, |
11 |
| - // inject |
12 |
| - intl, |
13 |
| -}) => { |
| 6 | +interface ShuffleCardProps { |
| 7 | + showShuffleButton: boolean | null; |
| 8 | + defaultValue: boolean; |
| 9 | + updateSettings: (value: boolean) => void; |
| 10 | +} |
| 11 | + |
| 12 | +const ShuffleCard: React.FC<ShuffleCardProps> = ({ showShuffleButton, defaultValue, updateSettings }) => { |
| 13 | + |
| 14 | + const { intl } = useIntl(); |
14 | 15 | // const isLibrary = useSelector(selectors.app.isLibrary);
|
15 | 16 | // const { setResetTrue, setResetFalse } = resetCardHooks(updateSettings);
|
16 | 17 | // const advancedSettingsLink = `${useSelector(selectors.app.studioEndpointUrl)}/settings/advanced/${useSelector(selectors.app.learningContextId)}#show_reset_button`;
|
@@ -39,13 +40,4 @@ const ShuffleCard = ({
|
39 | 40 | );
|
40 | 41 | };
|
41 | 42 |
|
42 |
| -ShuffleCard.propTypes = { |
43 |
| - showShuffleButton: PropTypes.bool.isRequired, |
44 |
| - defaultValue: PropTypes.bool.isRequired, |
45 |
| - updateSettings: PropTypes.func.isRequired, |
46 |
| - // injected |
47 |
| - intl: intlShape.isRequired, |
48 |
| -}; |
49 |
| - |
50 |
| -export const ShuffleCardInternal = ShuffleCard; // For testing only |
51 |
| -export default injectIntl(ShuffleCard); |
| 43 | +export default ShuffleCard; |
0 commit comments