mirror of https://github.com/mue/mue.git
51 lines
1.7 KiB
JavaScript
51 lines
1.7 KiB
JavaScript
import { memo } from 'react';
|
|
import variables from 'config/variables';
|
|
import { MdClose, MdRestartAlt } from 'react-icons/md';
|
|
import { setDefaultSettings } from 'utils/settings';
|
|
import { Tooltip } from 'components/Elements';
|
|
|
|
function ResetModal({ modalClose }) {
|
|
const reset = () => {
|
|
variables.stats.postEvent('setting', 'Reset');
|
|
setDefaultSettings('reset');
|
|
window.location.reload();
|
|
};
|
|
|
|
return (
|
|
<div className="smallModal">
|
|
<div className="shareHeader">
|
|
<span className="title">
|
|
{variables.getMessage('modals.main.settings.sections.advanced.reset_modal.title')}
|
|
</span>
|
|
<Tooltip
|
|
title={variables.getMessage('modals.main.settings.sections.advanced.reset_modal.cancel')}
|
|
>
|
|
<div className="close" onClick={modalClose}>
|
|
<MdClose />
|
|
</div>
|
|
</Tooltip>
|
|
</div>
|
|
<span className="title">
|
|
{variables.getMessage('modals.main.settings.sections.advanced.reset_modal.question')}
|
|
</span>
|
|
<span className="subtitle">
|
|
{variables.getMessage('modals.main.settings.sections.advanced.reset_modal.information')}
|
|
</span>
|
|
<div className="resetFooter">
|
|
<button className="textButton" onClick={modalClose}>
|
|
<MdClose />
|
|
{variables.getMessage('modals.main.settings.sections.advanced.reset_modal.cancel')}
|
|
</button>
|
|
<button onClick={() => reset()}>
|
|
<MdRestartAlt />
|
|
{variables.getMessage('modals.main.settings.buttons.reset')}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
const MemoizedResetModal = memo(ResetModal);
|
|
|
|
export { MemoizedResetModal as default, MemoizedResetModal as ResetModal };
|