From efcb0b5f565ce2f23060dba484a22ef0882a55dd Mon Sep 17 00:00:00 2001
From: ammarahm-ed <ammarahmed6506@gmail.com>
Date: Fri, 17 Dec 2021 10:32:35 +0500
Subject: [PATCH] move history component to toolbar

---
 .../src/views/Editor/HistoryComponent.js      | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/src/views/Editor/HistoryComponent.js b/apps/mobile/src/views/Editor/HistoryComponent.js
index 32f3ba65f..530d4ae55 100644
--- a/apps/mobile/src/views/Editor/HistoryComponent.js
+++ b/apps/mobile/src/views/Editor/HistoryComponent.js
@@ -1,7 +1,9 @@
 import React, {useEffect, useState} from 'react';
+import {View} from 'react-native';
 import {ActionIcon} from '../../components/ActionIcon';
 import {useTracked} from '../../provider';
 import {eSubscribeEvent, eUnSubscribeEvent} from '../../services/EventManager';
+import {SIZE} from '../../utils/SizeUtils';
 import {EditorWebView, post} from './Functions';
 import tiny from './tiny/tiny';
 
@@ -26,13 +28,20 @@ const HistoryComponent = () => {
   }, []);
 
   return (
-    <>
+    <View
+      style={{
+        flexDirection: 'row',
+        height: 40,
+        marginRight: 5
+      }}>
       <ActionIcon
         name="undo-variant"
         disabled={!historyState.undo}
         color={colors.pri}
+        size={SIZE.xl}
         customStyle={{
-          marginLeft: 10
+          width: 35,
+          height: 35
         }}
         onPress={() => {
           if (!historyState.undo) return;
@@ -43,12 +52,17 @@ const HistoryComponent = () => {
         name="redo-variant"
         disabled={!historyState.redo}
         color={colors.pri}
+        size={SIZE.xl}
+        customStyle={{
+          width: 35,
+          height: 35
+        }}
         onPress={() => {
           if (!historyState.redo) return;
           tiny.call(EditorWebView, tiny.redo);
         }}
       />
-    </>
+    </View>
   );
 };