maher
32 lines
795 B
TypeScript
Executable File
32 lines
795 B
TypeScript
Executable File
import React from 'react';
|
|
import IconPicker from './icon-picker';
|
|
import {useDialogContext} from '../overlays/dialog/dialog-context';
|
|
import {Dialog} from '../overlays/dialog/dialog';
|
|
import {DialogHeader} from '../overlays/dialog/dialog-header';
|
|
import {DialogBody} from '../overlays/dialog/dialog-body';
|
|
import {Trans} from '../../i18n/trans';
|
|
|
|
export function IconPickerDialog() {
|
|
return (
|
|
<Dialog size="w-850" className="min-h-dialog">
|
|
<DialogHeader>
|
|
<Trans message="Select icon" />
|
|
</DialogHeader>
|
|
<DialogBody>
|
|
<IconPickerWrapper />
|
|
</DialogBody>
|
|
</Dialog>
|
|
);
|
|
}
|
|
|
|
function IconPickerWrapper() {
|
|
const {close} = useDialogContext();
|
|
return (
|
|
<IconPicker
|
|
onIconSelected={value => {
|
|
close(value);
|
|
}}
|
|
/>
|
|
);
|
|
}
|