Notes

// ==UserScript==
// @name Emoji Picker by Yigit
// @version 1
// @grant none
// @match https://chat.healthymatesturkey.com/dashboard
// ==/UserScript==

window.onload = function () {
// Define emojis and their names
var emojis = [
{ names: ['grinning', 'smile'], emoji: '😀' },
{ names: ['grin', 'beaming'], emoji: '😃' },
{ names: ['joy', 'laughing'], emoji: '😄' },
{ names: ['rofl', 'giggling'], emoji: '😁' },
{ names: ['pleased', 'happy'], emoji: '😆' },
{ names: ['sweat_smile', 'exercise'], emoji: '😅' },
{ names: ['lol', 'humor'], emoji: '😂' },
{ names: ['rolling_on_the_floor_laughing', 'rofl'], emoji: '🤣' },
{ names: ['happy', 'content'], emoji: '😊' },
{ names: ['angel', 'halo'], emoji: '😇' },
{ names: ['heart_eyes', 'admiring'], emoji: '😍' },
{ names: ['smiling_face_with_sunglasses', 'cool'], emoji: '😎' },
{ names: ['kissing_heart', 'affection'], emoji: '😘' },
{ names: ['thinking_face', 'contemplating'], emoji: '🤔' },
{ names: ['fire', 'hot'], emoji: '🔥' },
{ names: ['thumbs_up', 'approval'], emoji: '👍' },
{ names: ['thumbs_down', 'disapproval'], emoji: '👎' },
{ names: ['raised_hands', 'celebration'], emoji: '🙌' },
{ names: ['clapping_hands', 'applause'], emoji: '👏' },
{ names: ['heart', 'love'], emoji: '❤️' },
{ names: ['broken_heart', 'sad'], emoji: '💔' },
{ names: ['star', 'sparkle'], emoji: '⭐' },
{ names: ['rainbow', 'colorful'], emoji: '🌈' },
{ names: ['sunflower', 'bright'], emoji: '🌻' },
{ names: ['pizza', 'delicious'], emoji: '🍕' },
{ names: ['coffee', 'caffeine'], emoji: '☕' },
{ names: ['sun', 'sunny'], emoji: '☀️' },
{ names: ['moon', 'night'], emoji: '🌙' },
{ names: ['star-struck', 'excited'], emoji: '🤩' },
{ names: ['firecracker', 'festive'], emoji: '🧨' },
{ names: ['blossom', 'flower'], emoji: '🌸' },
{ names: ['cookie', 'sweet'], emoji: '🍪' },
{ names: ['doughnut', 'dessert'], emoji: '🍩' },
{ names: ['taco', 'mexican'], emoji: '🌮' },
{ names: ['burrito', 'mexican'], emoji: '🌯' },
{ names: ['ice_cream', 'dessert'], emoji: '🍨' },
{ names: ['lollipop', 'candy'], emoji: '🍭' },
{ names: ['banana', 'fruit'], emoji: '🍌' },
{ names: ['watermelon', 'fruit'], emoji: '🍉' },
{ names: ['avocado', 'healthy'], emoji: '🥑' },
{ names: ['eggplant', 'vegetable'], emoji: '🍆' },
{ names: ['soccer', 'sport'], emoji: '⚽' },
{ names: ['basketball', 'sport'], emoji: '🏀' },
{ names: ['football', 'sport'], emoji: '🏈' },
{ names: ['baseball', 'sport'], emoji: '⚾' },
{ names: ['golf', 'sport'], emoji: '⛳' },
{ names: ['tennis', 'sport'], emoji: '🎾' },
{ names: ['swimmer', 'sport'], emoji: '🏊' },
{ names: ['runner', 'sport'], emoji: '🏃' },
{ names: ['biker', 'sport'], emoji: '🚴' },
{ names: ['skier', 'sport'], emoji: '⛷️' },
{ names: ['surfer', 'sport'], emoji: '🏄' },
{ names: ['mountain', 'nature'], emoji: '⛰️' },
{ names: ['beach', 'vacation'], emoji: '🏖️' },
{ names: ['camping', 'outdoor'], emoji: '🏕️' },
{ names: ['picnic', 'outdoor'], emoji: '🧺' },
{ names: ['guitar', 'music'], emoji: '🎸' },
{ names: ['saxophone', 'music'], emoji: '🎷' },
{ names: ['drum', 'music'], emoji: '🥁' },
{ names: ['movie_camera', 'film'], emoji: '🎥' },
{ names: ['microphone', 'singing'], emoji: '🎤' },
{ names: ['helicopter', 'transport'], emoji: '🚁' },
{ names: ['car', 'vehicle'], emoji: '🚗' },
{ names: ['taxi', 'vehicle'], emoji: '🚕' },
{ names: ['bus', 'vehicle'], emoji: '🚌' },
{ names: ['train', 'vehicle'], emoji: '🚂' },
{ names: ['ship', 'transport'], emoji: '🚢' },
{ names: ['bicycle', 'transport'], emoji: '🚲' },
{ names: ['motorcycle', 'transport'], emoji: '🏍️' },
{ names: ['rocket', 'space'], emoji: '🚀' },
{ names: ['telescope', 'science'], emoji: '🔭' },
{ names: ['microscope', 'science'], emoji: '🔬' },
{ names: ['briefcase', 'work'], emoji: '💼' },
{ names: ['toolbox', 'tools'], emoji: '🧰' },
{ names: ['watch', 'time'], emoji: '⌚' },
{ names: ['alarm_clock', 'time'], emoji: '⏰' },
{ names: ['umbrella', 'rainy'], emoji: '☂️' },
{ names: ['globe_with_meridians', 'world'], emoji: '🌐' },
{ names: ['house', 'home'], emoji: '🏠' },
{ names: ['school', 'education'], emoji: '🏫' },
{ names: ['hospital', 'health'], emoji: '🏥' },
{ names: ['factory', 'industry'], emoji: '🏭' },
{ names: ['bank', 'money'], emoji: '🏦' },
{ names: ['hotel', 'accommodation'], emoji: '🏨' },
{ names: ['airport', 'travel'], emoji: '🛫' },
{ names: ['beach_umbrella', 'vacation'], emoji: '🏖️' },
{ names: ['tent', 'camping'], emoji: '⛺' },
{ names: ['book', 'knowledge'], emoji: '📚' },
{ names: ['newspaper', 'news'], emoji: '📰' },
{ names: ['scroll', 'document'], emoji: '📜' },
{ names: ['dollar', 'money'], emoji: '💵' },
{ names: ['credit_card', 'payment'], emoji: '💳' },
{ names: ['gem', 'jewelry'], emoji: '💎' },
{ names: ['wrench', 'tools'], emoji: '🔧' },
{ names: ['hammer', 'tools'], emoji: '🔨' },
{ names: ['paintbrush', 'art'], emoji: '🖌️' },
{ names: ['scales', 'justice'], emoji: '⚖️' },
{ names: ['hourglass', 'time'], emoji: '⌛' },
{ names: ['telephone', 'communication'], emoji: '☎️' },
{ names: ['camera', 'photography'], emoji: '📷' },
{ names: ['gift', 'present'], emoji: '🎁' },
{ names: ['mailbox', 'email'], emoji: '📫' },
{ names: ['key', 'lock'], emoji: '🔑' },
{ names: ['bulb', 'idea'], emoji: '💡' },
{ names: ['calendar', 'date'], emoji: '📅' },
{ names: ['sunny', 'weather'], emoji: '☀️' },
{ names: ['cloud', 'weather'], emoji: '☁️' },
{ names: ['rainbow', 'nature'], emoji: '🌈' },
{ names: ['tornado', 'weather'], emoji: '🌪️' },
{ names: ['fire', 'danger'], emoji: '🔥' },
{ names: ['warning', 'alert'], emoji: '⚠️' },
{ names: ['anchor', 'sea'], emoji: '⚓' },
{ names: ['mountain', 'nature'], emoji: '⛰️' },
{ names: ['volcano', 'nature'], emoji: '🌋' },
{ names: ['desert', 'nature'], emoji: '🏜️' },
{ names: ['camping', 'outdoor'], emoji: '🏕️' },
{ names: ['tent', 'camping'], emoji: '⛺' },
{ names: ['park', 'nature'], emoji: '🏞️' },
{ names: ['cityscape', 'urban'], emoji: '🏙️' },
{ names: ['house', 'home'], emoji: '🏠' },
{ names: ['office', 'work'], emoji: '🏢' },
{ names: ['hospital', 'health'], emoji: '🏥' },
{ names: ['bank', 'money'], emoji: '🏦' },
{ names: ['hotel', 'accommodation'], emoji: '🏨' },
{ names: ['school', 'education'], emoji: '🏫' },
{ names: ['factory', 'industry'], emoji: '🏭' },
{ names: ['wedding', 'love'], emoji: '💒' },
{ names: ['church', 'religion'], emoji: '⛪' },
{ names: ['mosque', 'religion'], emoji: '🕌' },
{ names: ['synagogue', 'religion'], emoji: '🕍' },
{ names: ['shopping_bags', 'shopping'], emoji: '🛍️' },
{ names: ['glasses', 'fashion'], emoji: '👓' },
{ names: ['necktie', 'formal'], emoji: '👔' },
{ names: ['dress', 'fashion'], emoji: '👗' },
{ names: ['t-shirt', 'casual'], emoji: '👕' },
{ names: ['jeans', 'casual'], emoji: '👖' },
{ names: ['bikini', 'swimwear'], emoji: '👙' },
{ names: ['scarf', 'winter'], emoji: '🧣' },
{ names: ['hat', 'fashion'], emoji: '🎩' },
{ names: ['crown', 'royalty'], emoji: '👑' },
{ names: ['shoe', 'footwear'], emoji: '👞' },
{ names: ['sandal', 'footwear'], emoji: '👡' },
{ names: ['boot', 'footwear'], emoji: '👢' },
{ names: ['lipstick', 'makeup'], emoji: '💄' },
{ names: ['ring', 'jewelry'], emoji: '💍' },
{ names: ['pouch', 'bag'], emoji: '👝' },
{ names: ['backpack', 'bag'], emoji: '🎒' },
{ names: ['shower', 'bathroom'], emoji: '🚿' },
{ names: ['toilet', 'bathroom'], emoji: '🚽' },
{ names: ['bed', 'sleep'], emoji: '🛏️' },
{ names: ['couch', 'sofa'], emoji: '🛋️' },
{ names: ['lamp', 'light'], emoji: '💡' },
{ names: ['tv', 'television'], emoji: '📺' },
{ names: ['computer', 'technology'], emoji: '💻' },
{ names: ['phone', 'communication'], emoji: '📱' },
{ names: ['clock', 'time'], emoji: '⏰' },
{ names: ['speaker', 'sound'], emoji: '🔊' },
{ names: ['headphones', 'music'], emoji: '🎧' },
{ names: ['microphone', 'audio'], emoji: '🎤' },
{ names: ['musical_note', 'music'], emoji: '🎵' },
{ names: ['notebook', 'writing'], emoji: '📓' },
{ names: ['calendar', 'date'], emoji: '📅' },
{ names: ['pencil', 'writing'], emoji: '✏️' },
{ names: ['lock', 'security'], emoji: '🔒' },
{ names: ['key', 'unlock'], emoji: '🔑' },
{ names: ['camera', 'photography'], emoji: '📷' },
{ names: ['video_camera', 'filming'], emoji: '📹' },
{ names: ['envelope', 'letter'], emoji: '✉️' },
{ names: ['penguin', 'animal'], emoji: '🐧' },
{ names: ['lion', 'animal'], emoji: '🦁' },
{ names: ['frog', 'animal'], emoji: '🐸' },
{ names: ['elephant', 'animal'], emoji: '🐘' },
{ names: ['monkey', 'animal'], emoji: '🐒' },
{ names: ['chicken', 'animal'], emoji: '🐔' },
{ names: ['turtle', 'animal'], emoji: '🐢' },
{ names: ['snake', 'animal'], emoji: '🐍' },
{ names: ['horse', 'animal'], emoji: '🐴' },
{ names: ['cow', 'animal'], emoji: '🐮' },
{ names: ['cat', 'animal'], emoji: '🐱' },
{ names: ['dog', 'animal'], emoji: '🐶' },
{ names: ['tree', 'nature'], emoji: '🌳' },
{ names: ['leaf', 'nature'], emoji: '🍃' },
{ names: ['cactus', 'plant'], emoji: '🌵' },
{ names: ['cherry_blossom', 'plant'], emoji: '🌸' },
{ names: ['rose', 'flower'], emoji: '🌹' },
{ names: ['shell', 'sea'], emoji: '🐚' },
{ names: ['earth', 'planet'], emoji: '🌎' },
{ names: ['crescent_moon', 'night'], emoji: '🌙' },
{ names: ['wine_glass', 'drink'], emoji: '🍷' },
{ names: ['cocktail', 'drink'], emoji: '🍹' },
{ names: ['beer', 'drink'], emoji: '🍺' },
{ names: ['balloon', 'party'], emoji: '🎈' },
{ names: ['birthday_cake', 'party'], emoji: '🎂' },
{ names: ['gift', 'present'], emoji: '🎁' },
{ names: ['christmas_tree', 'holiday'], emoji: '🎄' },
{ names: ['jack_o_lantern', 'halloween'], emoji: '🎃' },
{ names: ['flags', 'celebration'], emoji: '🎏' },
{ names: ['crown', 'royalty'], emoji: '👑' },
{ names: ['diamond', 'gem'], emoji: '💎' },
{ names: ['alarm_clock', 'morning'], emoji: '⏰' },
{ names: ['hourglass', 'time'], emoji: '⏳' },
{ names: ['puzzle', 'game'], emoji: '🧩' },
{ names: ['video_game', 'fun'], emoji: '🎮' },
{ names: ['target', 'game'], emoji: '🎯' },
{ names: ['art', 'painting'], emoji: '🎨' },
{ names: ['books', 'education'], emoji: '📚' },
{ names: ['musical_note', 'music'], emoji: '🎵' },
{ names: ['headphones', 'music'], emoji: '🎧' },
{ names: ['guitar', 'instrument'], emoji: '🎸' },
{ names: ['saxophone', 'instrument'], emoji: '🎷' },
{ names: ['drum', 'instrument'], emoji: '🥁' },
{ names: ['microphone', 'singing'], emoji: '🎤' },
{ names: ['telescope', 'stargazing'], emoji: '🔭' },
{ names: ['movie_camera', 'cinema'], emoji: '🎥' },
{ names: ['sushi', 'food'], emoji: '🍣' },
{ names: ['pizza', 'food'], emoji: '🍕' },
{ names: ['burger', 'food'], emoji: '🍔' },
{ names: ['fries', 'food'], emoji: '🍟' },
{ names: ['spaghetti', 'food'], emoji: '🍝' },
{ names: ['ice_cream', 'dessert'], emoji: '🍦' },
{ names: ['doughnut', 'dessert'], emoji: '🍩' },
{ names: ['cookie', 'dessert'], emoji: '🍪' },
{ names: ['cake', 'dessert'], emoji: '🍰' },
{ names: ['chocolate_bar', 'dessert'], emoji: '🍫' },
{ names: ['lollipop', 'candy'], emoji: '🍭' },
{ names: ['soccer', 'sport'], emoji: '⚽' },
{ names: ['basketball', 'sport'], emoji: '🏀' },
{ names: ['football', 'sport'], emoji: '🏈' },
{ names: ['baseball', 'sport'], emoji: '⚾' },
{ names: ['tennis', 'sport'], emoji: '🎾' },
{ names: ['golf', 'sport'], emoji: '⛳' },
{ names: ['bicycle', 'transport'], emoji: '🚲' },
{ names: ['airplane', 'transport'], emoji: '✈️' },
{ names: ['bus', 'transport'], emoji: '🚌' },
{ names: ['train', 'transport'], emoji: '🚂' },
{ names: ['taxi', 'transport'], emoji: '🚕' },
{ names: ['rocket', 'space'], emoji: '🚀' },
{ names: ['anchor', 'nautical'], emoji: '⚓' },
{ names: ['umbrella', 'rain'], emoji: '☔' },
{ names: ['sunny', 'weather'], emoji: '☀️' },
{ names: ['cloud', 'weather'], emoji: '☁️' },
{ names: ['rainbow', 'weather'], emoji: '🌈' },
{ names: ['snowman', 'winter'], emoji: '⛄' },
{ names: ['gift', 'celebration'], emoji: '🎁' },
{ names: ['party_popper', 'celebration'], emoji: '🎉' },
{ names: ['balloon', 'celebration'], emoji: '🎈' },
{ names: ['fireworks', 'celebration'], emoji: '🎆' },
{ names: ['sparkler', 'celebration'], emoji: '🎇' },
{ names: ['Christmas_tree', 'holiday'], emoji: '🎄' },
{ names: ['jack-o-lantern', 'holiday'], emoji: '🎃' },
{ names: ['birthday_cake', 'celebration'], emoji: '🎂' },
{ names: ['flag', 'country'], emoji: '🏳️' },
{ names: ['crossed_flags', 'celebration'], emoji: '🎌' },
{ names: ['rose', 'flower'], emoji: '🌹' },
{ names: ['sunflower', 'flower'], emoji: '🌻' },
{ names: ['cherry_blossom', 'flower'], emoji: '🌸' },
{ names: ['hibiscus', 'flower'], emoji: '🌺' },
{ names: ['maple_leaf', 'nature'], emoji: '🍁' },
{ names: ['fallen_leaf', 'nature'], emoji: '🍂' },
{ names: ['leaf_fluttering_in_wind', 'nature'], emoji: '🍃' },
{ names: ['mushroom', 'nature'], emoji: '🍄' },
{ names: ['cactus', 'nature'], emoji: '🌵' },
{ names: ['palm_tree', 'nature'], emoji: '🌴' },
{ names: ['evergreen_tree', 'nature'], emoji: '🌲' },
{ names: ['deciduous_tree', 'nature'], emoji: '🌳' },
{ names: ['mountain', 'nature'], emoji: '⛰️' },
{ names: ['volcano', 'nature'], emoji: '🌋' },
{ names: ['desert', 'nature'], emoji: '🏜️' },
{ names: ['beach_with_umbrella', 'nature'], emoji: '🏖️' },
{ names: ['bridge_at_night', 'scenery'], emoji: '🌉' },
{ names: ['cityscape', 'scenery'], emoji: '🏙️' },
{ names: ['sunset', 'scenery'], emoji: '🌇' },
{ names: ['rainbow', 'scenery'], emoji: '🌈' },
{ names: ['night_with_stars', 'scenery'], emoji: '🌃' },
{ names: ['milky_way', 'scenery'], emoji: '🌌' },
{ names: ['stars', 'scenery'], emoji: '🌠' },
{ names: ['thermometer', 'weather'], emoji: '🌡️' },
{ names: ['snowflake', 'weather'], emoji: '❄️' },
{ names: ['fire', 'element'], emoji: '🔥' },
{ names: ['droplet', 'element'], emoji: '💧' },
{ names: ['water_wave', 'nature'], emoji: '🌊' }


];

// Create emoji picker element
var emojiPicker = document.createElement('div');
emojiPicker.id = 'emoji-picker';
emojiPicker.style.display = 'none'; // Hide the picker by default
emojiPicker.style.position = 'fixed';
emojiPicker.style.width = '30%'; // Half the screen's width
emojiPicker.style.height = '30%'; // Half the screen's height
emojiPicker.style.overflow = 'scroll'; // Add scroll bar if content exceeds the limit
emojiPicker.style.backgroundColor = 'white';
emojiPicker.style.border = '1px solid black';
emojiPicker.style.padding = '15px';

// Set the default position of the emojiPicker (center of the page)
var defaultXPos = '50%'; // Set the default X position of the emojiPicker
var defaultYPos = '50%'; // Set the default Y position of the emojiPicker
emojiPicker.style.left = defaultXPos;
emojiPicker.style.top = defaultYPos;
emojiPicker.style.transform = 'translate(-50%, -50%)';

// Function to handle emoji picker drag
function handleEmojiPickerDrag(event) {
var emojiPickerRect = emojiPicker.getBoundingClientRect();
var offsetX = event.clientX - emojiPickerRect.width / 2;
var offsetY = event.clientY - emojiPickerRect.height / 2;
emojiPicker.style.left = offsetX + 'px';
emojiPicker.style.top = offsetY + 'px';
}

// Event listeners for emoji picker drag
emojiPicker.addEventListener('mousedown', function (event) {
document.addEventListener('mousemove', handleEmojiPickerDrag);
});

document.addEventListener('mouseup', function () {
document.removeEventListener('mousemove', handleEmojiPickerDrag);
});

// Function to reset the emoji picker position to the default position
function resetEmojiPickerPosition() {
emojiPicker.style.left = defaultXPos;
emojiPicker.style.top = defaultYPos;
emojiPicker.style.transform = 'translate(-50%, -50%)';
}

// Function to save the emoji picker position in local storage
function saveEmojiPickerPosition() {
var emojiPickerPosition = {
x: emojiPicker.style.left,
y: emojiPicker.style.top
};
localStorage.setItem('emojiPickerPosition', JSON.stringify(emojiPickerPosition));
}

// Function to load and apply the saved emoji picker position from local storage
function loadEmojiPickerPosition() {
var emojiPickerPosition = JSON.parse(localStorage.getItem('emojiPickerPosition'));
if (emojiPickerPosition) {
emojiPicker.style.left = emojiPickerPosition.x;
emojiPicker.style.top = emojiPickerPosition.y;
}
}

// Event listener to reset the emoji picker position on page refresh
window.addEventListener('beforeunload', resetEmojiPickerPosition);

// Event listener to save the emoji picker position on window unload
window.addEventListener('beforeunload', saveEmojiPickerPosition);

// Load and apply the saved emoji picker position on page load
window.addEventListener('DOMContentLoaded', loadEmojiPickerPosition);

// Create search box
var searchBox = document.createElement('input');
searchBox.type = 'text';
searchBox.placeholder = 'Search...';
searchBox.style.display = 'block'; // Make sure the search box is a block element
searchBox.oninput = function () {
var filter = this.value.toLowerCase();
emojiPicker.querySelectorAll('span').forEach(function (span) {
var names = span.dataset.names.split(',');
span.style.display = names.some(name => name.includes(filter)) ? '' : 'none';
});
};
emojiPicker.appendChild(searchBox);

// Append emoji picker to the document body
document.body.appendChild(emojiPicker);

// Rest of your code...

// Create button
var button = document.createElement('button');
button.textContent = 'Emojis';
button.style.position = 'fixed';
button.style.left = '550px';
button.style.top = '759px';
button.style.fontFamily = 'Century Gothic, sans-serif';
button.style.fontSize = '15pt';
button.onclick = toggleEmojiPicker;
document.body.appendChild(button);

// Function to handle button drag
function handleButtonDrag(event) {
var buttonRect = button.getBoundingClientRect();
var offsetX = event.clientX - buttonRect.width / 2;
var offsetY = event.clientY - buttonRect.height / 2;
button.style.left = offsetX + 'px';
button.style.top = offsetY + 'px';
}

// Event listeners for button drag
button.addEventListener('mousedown', function (event) {
document.addEventListener('mousemove', handleButtonDrag);
});

document.addEventListener('mouseup', function () {
document.removeEventListener('mousemove', handleButtonDrag);
});

// Function to reset the button position to the default position
function resetButtonPosition() {
button.style.left = '550px';
button.style.top = '759px';
}

// Function to save the button position in local storage
function saveButtonPosition() {
var buttonPosition = {
x: button.style.left,
y: button.style.top
};
localStorage.setItem('buttonPosition', JSON.stringify(buttonPosition));
}

// Function to load and apply the saved button position from local storage
function loadButtonPosition() {
var buttonPosition = JSON.parse(localStorage.getItem('buttonPosition'));
if (buttonPosition) {
button.style.left = buttonPosition.x;
button.style.top = buttonPosition.y;
}
}

// Event listener to reset the button position on page refresh
window.addEventListener('beforeunload', resetButtonPosition);

// Event listener to save the button position on window unload
window.addEventListener('beforeunload', saveButtonPosition);

// Load and apply the saved button position on page load
window.addEventListener('DOMContentLoaded', loadButtonPosition);

// Populate emoji picker with emojis
for (let {names, emoji} of emojis) {
let emojiSpan = document.createElement('span');
emojiSpan.textContent = emoji;
emojiSpan.dataset.names = names.join(',');
emojiSpan.style.cursor = 'pointer';
emojiSpan.style.marginRight = '10px';
emojiSpan.style.display = 'inline-block'; // Make sure the emoji spans are inline-block elements
emojiSpan.addEventListener('click', function () {
var textArea = document.querySelector('#msgTxtInput');
textArea.value += emoji;
emojiPicker.style.display = 'none'; // Hide picker after choosing emoji
resetButton(); // Reset button position and color after choosing an emoji
});
emojiPicker.appendChild(emojiSpan);
}

// Function to show/hide emoji picker
function toggleEmojiPicker() {
var isHidden = emojiPicker.style.display === 'none';
if (isHidden) {
// Save the current position of rectangle_x
var rectanglePosition = {
x: button.style.left,
y: button.style.top
};

// Show emoji picker at a fixed position
emojiPicker.style.left = '50%'; // Set the desired X position of the emojiPicker
emojiPicker.style.top = '50%'; // Set the desired Y position of the emojiPicker
emojiPicker.style.transform = 'translate(-50%, -50%)';

button.style.backgroundColor = 'blue';
button.style.color = 'white';
emojiPicker.style.display = 'block'; // Show picker
} else {
emojiPicker.style.display = 'none'; // Hide picker
resetButton();
}
}
}