From 6723aadf8b8abb86daa7011366df55c5d764f61a Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Sun, 18 May 2025 19:26:36 +0200
Subject: [PATCH] Move css into styles folder

---
 src/components/ReactionPicker.css | 26 --------------------------
 src/components/ReactionPicker.tsx |  2 +-
 2 files changed, 1 insertion(+), 27 deletions(-)
 delete mode 100644 src/components/ReactionPicker.css

diff --git a/src/components/ReactionPicker.css b/src/components/ReactionPicker.css
deleted file mode 100644
index 6d0a354..0000000
--- a/src/components/ReactionPicker.css
+++ /dev/null
@@ -1,26 +0,0 @@
-.reaction-container {
-  position: relative; /* Parent must be positioned relatively */
-}
-
-.emoji-picker {
-  position: absolute; /* Picker positioned absolutely relative to the parent */
-  right: 0;
-  z-index: 9000000000; /* Ensure picker appears above other content */
-}
-
-.message-container {
-  overflow: visible; /* Ensure the message container doesn't cut off the picker */
-}
-
-.reaction-container {
-  position: relative;
-}
-
-.emoji-picker {
-  overflow: hidden;
-  width: auto;
-}
-
-.EmojiPickerReact.epr-dark-theme {
-  --epr-emoji-size: 18px; /* Adjust emoji size for dark mode */
-}
diff --git a/src/components/ReactionPicker.tsx b/src/components/ReactionPicker.tsx
index 911a396..0bba748 100644
--- a/src/components/ReactionPicker.tsx
+++ b/src/components/ReactionPicker.tsx
@@ -1,7 +1,7 @@
 import { useState, useRef, useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import Picker, { EmojiStyle, Theme } from 'emoji-picker-react';
-import './ReactionPicker.css';
+import '../styles/ReactionPicker.css';
 import { ButtonBase } from '@mui/material';
 
 export const ReactionPicker = ({ onReaction }) => {