Botonic React: add user-input css class (#2309)

* feat(botonic-react): add user-input css class * chore(react): format files for linter error --------- Co-authored-by: Marc Rabat <marcrabat@gmail.com>
hubtype · Mar 23, 2023 · df82dfd · df82dfd
1 parent 69c2d35
commit df82dfd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/botonic-react/src/webchat/components/emoji-picker.jsx b/packages/botonic-react/src/webchat/components/emoji-picker.jsx
@@ -7,8 +7,8 @@ import { ROLES } from '../../constants'
 import { useComponentVisible } from '../hooks'
 import { Icon, IconContainer } from './common'
 
-export const EmojiPicker = props =>{
-  const onClick = event =>{
+export const EmojiPicker = props => {
+  const onClick = event => {
     props.onClick()
     event.stopPropagation()
   }
@@ -20,7 +20,7 @@ export const EmojiPicker = props =>{
       </div>
     </IconContainer>
   )
-} 
+}
 
 const Container = styled.div`
   display: flex;

diff --git a/packages/botonic-react/src/webchat/devices/scrollbar-controller.js b/packages/botonic-react/src/webchat/devices/scrollbar-controller.js
@@ -84,8 +84,7 @@ export class ScrollbarController {
       return
     }
     this.webchat.ontouchmove = e => {
-      if(e.target === e.currentTarget)
-      e.preventDefault()
+      if (e.target === e.currentTarget) e.preventDefault()
     }
   }
 

diff --git a/packages/botonic-react/src/webchat/webchat.jsx b/packages/botonic-react/src/webchat/webchat.jsx
@@ -813,6 +813,7 @@ export const Webchat = forwardRef((props, ref) => {
           style={{
             ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle),
           }}
+          className='user-input-container'
         >
           {webchatState.isEmojiPickerOpen && (
             <OpenedEmojiPicker