333a989b1a
* chore: components restructuring and minor UI improvements. * chore: minor UI improvements fro icons and member dropdown. * chore: update issue identifier. * chore: rename `Issue Extra Property` to `Issue Additional Property` * chore: fix popovers placement issue on components with overflow. * chore: add `scrollbar-xs` * chore: add `xs` size for input and textarea components. * chore: update `sortable` to return back `movedItem` in the onChange callback. * chore: minor UI adjustments for radio-select. * chore: update outside click delay to 1ms.
82 lines
1.7 KiB
TypeScript
82 lines
1.7 KiB
TypeScript
// ui
|
|
import { LUCIDE_ICONS_LIST } from "@plane/ui";
|
|
|
|
export const getRandomEmoji = () => {
|
|
const emojis = [
|
|
"8986",
|
|
"9200",
|
|
"128204",
|
|
"127773",
|
|
"127891",
|
|
"127947",
|
|
"128076",
|
|
"128077",
|
|
"128187",
|
|
"128188",
|
|
"128512",
|
|
"128522",
|
|
"128578",
|
|
];
|
|
|
|
return emojis[Math.floor(Math.random() * emojis.length)];
|
|
};
|
|
|
|
export const getRandomIconName = () => LUCIDE_ICONS_LIST[Math.floor(Math.random() * LUCIDE_ICONS_LIST.length)].name;
|
|
|
|
export const renderEmoji = (
|
|
emoji:
|
|
| string
|
|
| {
|
|
name: string;
|
|
color: string;
|
|
}
|
|
) => {
|
|
if (!emoji) return;
|
|
|
|
if (typeof emoji === "object")
|
|
return (
|
|
<span style={{ fontSize: "16px", color: emoji.color }} className="material-symbols-rounded">
|
|
{emoji.name}
|
|
</span>
|
|
);
|
|
else return isNaN(parseInt(emoji)) ? emoji : String.fromCodePoint(parseInt(emoji));
|
|
};
|
|
|
|
export const groupReactions: (reactions: any[], key: string) => { [key: string]: any[] } = (
|
|
reactions: any,
|
|
key: string
|
|
) => {
|
|
const groupedReactions = reactions.reduce(
|
|
(acc: any, reaction: any) => {
|
|
if (!acc[reaction[key]]) {
|
|
acc[reaction[key]] = [];
|
|
}
|
|
acc[reaction[key]].push(reaction);
|
|
return acc;
|
|
},
|
|
{} as { [key: string]: any[] }
|
|
);
|
|
|
|
return groupedReactions;
|
|
};
|
|
|
|
export const convertHexEmojiToDecimal = (emojiUnified: string): string => {
|
|
if (!emojiUnified) return "";
|
|
|
|
return emojiUnified
|
|
.split("-")
|
|
.map((e) => parseInt(e, 16))
|
|
.join("-");
|
|
};
|
|
|
|
export const emojiCodeToUnicode = (emoji: string) => {
|
|
if (!emoji) return "";
|
|
|
|
// convert emoji code to unicode
|
|
const uniCodeEmoji = emoji
|
|
.split("-")
|
|
.map((emoji) => parseInt(emoji, 10).toString(16))
|
|
.join("-");
|
|
|
|
return uniCodeEmoji;
|
|
};
|