Merge pull request #83 from Chat-Your-Way/CHAT-220--smile-disable

Disabled Smile icon button
Chat-Your-Way · Feb 21, 2024 · 50b10f9 · 50b10f9
2 parents 4b181ee + 184abf0
commit 50b10f9
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/src/components/Chat/Chat.jsx b/src/components/Chat/Chat.jsx
@@ -13,7 +13,7 @@ import {
   ChatWrap,
   IconActivity,
   IconSend,
-  IconSmile,
+  // IconSmile, //! CHAT-220--smile-disable
   IndicatorBox,
   InfoBox,
   InfoMoreBox,
@@ -143,7 +143,7 @@ const Chat = ({ children }) => {
             onChange={(e) => handleMessageChange(e.target.value)}
           />
           <ChatInputIconBox>
-            <IconButton icon={<IconSmile />} />
+            {/* <IconButton icon={<IconSmile />} /> //! CHAT-220--smile-disable */}
             <IconButton icon={<IconSend />} />
           </ChatInputIconBox>
         </InputBox>

diff --git a/src/components/Chat/Chat.styled.js b/src/components/Chat/Chat.styled.js
@@ -141,6 +141,7 @@ export const TextMessage = styled(Box)`
 export const InputBox = styled(Box)`
   display: flex;
   position: relative;
+  align-items: center;
 `;
 
 export const ChatInputStyled = styled(TextareaAutosize)`
@@ -159,14 +160,14 @@ export const ChatInputStyled = styled(TextareaAutosize)`
 export const ChatInputIconBox = styled(Box)`
   display: flex;
   position: absolute;
-  bottom: 4px;
+  bottom: 8px;
   right: 20px;
   gap: 10px;
 `;
 
-export const IconSmile = styled(ICONS.SMILE)`
-  fill: ${(p) => p.theme.palette.primary.dark};
-`;
+// export const IconSmile = styled(ICONS.SMILE)`
+//   fill: ${(p) => p.theme.palette.primary.dark};
+// `; //! CHAT-220--smile-disable
 
 export const IconSend = styled(ICONS.SEND)`
   fill: ${(p) => p.theme.palette.primary.dark};

diff --git a/src/ui-kit/components/IconButton/IconButton.styled.js b/src/ui-kit/components/IconButton/IconButton.styled.js
@@ -15,7 +15,7 @@ export const StyledIconButton = styled(IconButton, {
   padding-left: ${(p) => (p.pLeft ? p.pLeft : '3.13px')};
   padding-right: ${(p) => (p.pRight ? p.pRight : '4.71px')};
   padding-top: ${(p) => (p.pTop ? p.pTop : '3.13px')};
-  padding-bottom: ${(p) => (p.pBottom ? p.pBottom : '4.71px')};
+  padding-bottom: ${(p) => (p.pBottom ? p.pBottom : '3.13px')};
   fill: ${(p) => (p.defaultFill && !p.editPath ? p.defaultFill : undefined)};
   path {
     fill: ${(p) => (p.defaultFill && p.editPath ? p.defaultFill : undefined)};

diff --git a/src/ui-kit/icons/index.js b/src/ui-kit/icons/index.js
@@ -64,7 +64,7 @@ import { ReactComponent as Setting } from './svg-icons/Setting.svg';
 import { ReactComponent as ShieldDone } from './svg-icons/ShieldDone.svg';
 import { ReactComponent as ShieldFail } from './svg-icons/ShieldFail.svg';
 import { ReactComponent as Show } from './svg-icons/Show.svg';
-import { ReactComponent as Smile } from './svg-icons/Smile.svg';
+// import { ReactComponent as Smile } from './svg-icons/Smile.svg'; //! CHAT-220--smile-disable
 import { ReactComponent as Star } from './svg-icons/Star.svg';
 import { ReactComponent as Subscribe } from './svg-icons/Subscribe.svg';
 import { ReactComponent as Swap } from './svg-icons/Swap.svg';
@@ -145,7 +145,7 @@ export const ICONS = {
   SHIELD_DONE: ShieldDone,
   SHIELD_FAIL: ShieldFail,
   SHOW: Show,
-  SMILE: Smile,
+  // SMILE: Smile, //! CHAT-220--smile-disable
   STAR: Star,
   SUBSCRIBE: Subscribe,
   SWAP: Swap,