mirror of
https://github.com/mue/mue.git
synced 2026-07-17 14:04:09 +02:00
fix: add link modal, marketplace
- Addons title - icon for check for updates - update add link modal - improve the style of the smaller modals - Link back to create tab on marketplace
This commit is contained in:
@@ -1,32 +1,35 @@
|
||||
import variables from 'modules/variables';
|
||||
import { useState } from 'react';
|
||||
import { MdAdd } from 'react-icons/md';
|
||||
import { MdAdd, MdClose } from 'react-icons/md';
|
||||
import { TextField } from '@mui/material';
|
||||
import Tooltip from '../../../../../helpers/tooltip/Tooltip';
|
||||
|
||||
export default function CustomURLModal({ modalClose, modalCloseOnly }) {
|
||||
const [url, setURL] = useState();
|
||||
|
||||
return (
|
||||
<>
|
||||
<span className="closeModal" onClick={modalCloseOnly}>
|
||||
×
|
||||
</span>
|
||||
<h1>
|
||||
{variables.language.getMessage(
|
||||
variables.languagecode,
|
||||
'modals.main.settings.sections.background.source.add_url',
|
||||
)}
|
||||
</h1>
|
||||
<TextField value={url} onChange={(e) => setURL(e.target.value)} varient="outlined" />
|
||||
<div className="resetFooter">
|
||||
<button
|
||||
className="round import"
|
||||
style={{ marginLeft: '5px' }}
|
||||
onClick={() => modalClose(url)}
|
||||
>
|
||||
<MdAdd />
|
||||
</button>
|
||||
<div className="smallModal">
|
||||
<div className="shareHeader">
|
||||
<span className="title">
|
||||
{variables.language.getMessage(
|
||||
variables.languagecode,
|
||||
'modals.main.settings.sections.background.source.add_url',
|
||||
)}
|
||||
</span>
|
||||
<Tooltip title="Close">
|
||||
<div className="close" onClick={modalCloseOnly}>
|
||||
<MdClose />
|
||||
</div>
|
||||
</Tooltip>
|
||||
</div>
|
||||
</>
|
||||
<div className="copy">
|
||||
<input type='text' value={url} onChange={(e) => setURL(e.target.value)} varient="outlined" />
|
||||
<Tooltip title="Add Link" placement="top">
|
||||
<button onClick={() => modalClose(url)}>
|
||||
<MdAdd />
|
||||
</button>
|
||||
</Tooltip>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user