From 7a5ce9b08ead99ff1408b0f49a49a0af96f51eb8 Mon Sep 17 00:00:00 2001
From: Rodri Sanchez <rodri.sanchez1998@gmail.com>
Date: Thu, 23 Nov 2023 14:30:39 -0300
Subject: [PATCH] Add inputAdorment to the live tile for repeat

---
 src/components/Board/Symbol/Symbol.css | 10 ++++++++++
 src/components/Board/Symbol/Symbol.js  | 18 +++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/components/Board/Symbol/Symbol.css b/src/components/Board/Symbol/Symbol.css
index 1d98e7442..8211a19f1 100644
--- a/src/components/Board/Symbol/Symbol.css
+++ b/src/components/Board/Symbol/Symbol.css
@@ -11,6 +11,16 @@
   left: 0;
 }
 
+.liveInput .MuiInputBase-input::-webkit-scrollbar {
+  display: none;
+}
+
+.MuiInputAdornment-positionEnd .Symbol__repeat-button {
+  margin: 0px 3px 0px -5px;
+  padding: 1em 0em;
+  border-radius: 0%;
+}
+
 .Tile .Symbol {
   padding-top: var(--folder-flap-height);
   padding-bottom: 0.2em;
diff --git a/src/components/Board/Symbol/Symbol.js b/src/components/Board/Symbol/Symbol.js
index 804006db2..4210d5880 100644
--- a/src/components/Board/Symbol/Symbol.js
+++ b/src/components/Board/Symbol/Symbol.js
@@ -3,6 +3,10 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { isCordova } from '../../../cordova-util';
 import OutlinedInput from '@material-ui/core/OutlinedInput';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import IconButton from '@material-ui/core/IconButton';
+import RepeatIcon from '@material-ui/icons/Repeat';
+
 import messages from '../Board.messages';
 
 import { LABEL_POSITION_BELOW } from '../../Settings/Display/Display.constants';
@@ -95,10 +99,22 @@ function Symbol(props) {
           fullWidth={true}
           onKeyPress={handleKeyPress}
           style={{
-            padding: '0.5em 0.8em 0.5em 0.8em',
+            padding: '0.5em 0em 0.5em 0.8em',
             height: '100%'
           }}
           className={'liveInput'}
+          endAdornment={
+            <InputAdornment position="end">
+              <IconButton
+                aria-label="repeat sentence"
+                onClick={onRepeatSentence()}
+                edge="end"
+                className="Symbol__repeat-button"
+              >
+                <RepeatIcon />
+              </IconButton>
+            </InputAdornment>
+          }
         />
       )}
       {props.type !== 'live' &&