first commit

common/resources/client/ui/icon-picker/icon-picker-dialog.tsx

@@ -0,0 +1,31 @@
+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);
+      }}
+    />
+  );
+}