providers: complete?

src/components/dialogs/StickersDialog.jsx

@@ -0,0 +1,23 @@
+// @flow
+import React from 'react';
+
+import { stickers } from '$constants/stickers';
+import sprite from '$sprites/stickers.svg';
+
+type Props = {
+  setActiveSticker: Function
+};
+
+export const StickersDialog = ({ setActiveSticker }: Props) => (
+  <div className="helper stickers-helper">
+    {
+      stickers.map(sticker => (
+        <div className="sticker-preview" key={sticker}>
+          <svg width={48} height={48} viewBox="0 0 64 64" onClick={() => setActiveSticker(sticker)}>
+            <use xlinkHref={`${sprite}#sticker-${sticker}`} x="0" y="0" width="64" height="64" />
+          </svg>
+        </div>
+      ))
+    }
+  </div>
+);