mirror of
https://github.com/muerwre/orchidmap-front.git
synced 2025-05-06 00:16:40 +07:00
23 lines
638 B
JavaScript
23 lines
638 B
JavaScript
// @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>
|
|
);
|