fixed #69

src/components/TranslateChatButton.vue

@@ -33,7 +33,7 @@ export default {
       required: true
     }
   },
-  setup(props) {
+  setup() {
     const store = useStore()
 
     const data = reactive({
@@ -67,18 +67,12 @@ export default {
 
       toggleShow()
 
-      if (!props.translated && toggle.value === 'translated') {
-        response = await GetChatHistoryTranslated(store, store.state.matchDetails.match_id)
-      }
-      if (props.translated && toggle.value === 'translated')
-        response = 'already translated'
-      if (toggle.value === 'original')
-        response = 'original'
+      response = await GetChatHistoryTranslated(store, store.state.matchDetails.match_id)
 
       if (refreshButton.classList.contains('show'))
         refreshButton.classList.remove('show')
 
-      return response
+      return [response, toggle.value]
     }
 
     const toggleShow = () => {
@@ -108,6 +102,7 @@ export default {
 .toggle-btn {
   margin: 0 auto;
   cursor: pointer;
+  width: 100%;
 
   .fa {
     display: none;