From 8013fc554f4db2a1c85346e38db581e5f4c03aaf Mon Sep 17 00:00:00 2001
From: Sanster <cwq1913@gmail.com>
Date: Sat, 5 Feb 2022 21:50:01 +0800
Subject: [PATCH] by default show undo and check original button

---
 lama_cleaner/app/src/Editor.tsx | 92 ++++++++++++++++-----------------
 1 file changed, 46 insertions(+), 46 deletions(-)

diff --git a/lama_cleaner/app/src/Editor.tsx b/lama_cleaner/app/src/Editor.tsx
index ce937eb..6817cd5 100644
--- a/lama_cleaner/app/src/Editor.tsx
+++ b/lama_cleaner/app/src/Editor.tsx
@@ -418,53 +418,53 @@ export default function Editor(props: EditorProps) {
           value={brushSize}
           onChange={setBrushSize}
         />
-        {renders.length ? (
-          <>
-            <Button
-              icon={
-                <svg
-                  width="19"
-                  height="9"
-                  viewBox="0 0 19 9"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="w-6 h-6"
-                >
-                  <path
-                    d="M2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1H2ZM1 8H0V9H1V8ZM8 9C8.55228 9 9 8.55229 9 8C9 7.44771 8.55228 7 8 7V9ZM16.5963 7.42809C16.8327 7.92721 17.429 8.14016 17.9281 7.90374C18.4272 7.66731 18.6402 7.07103 18.4037 6.57191L16.5963 7.42809ZM16.9468 5.83205L17.8505 5.40396L16.9468 5.83205ZM0 1V8H2V1H0ZM1 9H8V7H1V9ZM1.66896 8.74329L6.66896 4.24329L5.33104 2.75671L0.331035 7.25671L1.66896 8.74329ZM16.043 6.26014L16.5963 7.42809L18.4037 6.57191L17.8505 5.40396L16.043 6.26014ZM6.65079 4.25926C9.67554 1.66661 14.3376 2.65979 16.043 6.26014L17.8505 5.40396C15.5805 0.61182 9.37523 -0.710131 5.34921 2.74074L6.65079 4.25926Z"
-                    fill="currentColor"
-                  />
-                </svg>
-              }
-              onClick={undo}
-            />
-            <Button
-              icon={<EyeIcon className="w-6 h-6" />}
-              onDown={ev => {
-                ev.preventDefault()
-                setShowSeparator(true)
-                setShowOriginal(true)
-              }}
-              onUp={() => {
-                setShowOriginal(false)
-                setTimeout(() => setShowSeparator(false), 300)
-              }}
-            >
-              {windowSize.width > 640 ? 'Original' : undefined}
-            </Button>
-          </>
-        ) : (
-          <></>
-        )}
+        <div>
+          <Button
+            className="mr-2"
+            icon={
+              <svg
+                width="19"
+                height="9"
+                viewBox="0 0 19 9"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className="w-6 h-6"
+              >
+                <path
+                  d="M2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1H2ZM1 8H0V9H1V8ZM8 9C8.55228 9 9 8.55229 9 8C9 7.44771 8.55228 7 8 7V9ZM16.5963 7.42809C16.8327 7.92721 17.429 8.14016 17.9281 7.90374C18.4272 7.66731 18.6402 7.07103 18.4037 6.57191L16.5963 7.42809ZM16.9468 5.83205L17.8505 5.40396L16.9468 5.83205ZM0 1V8H2V1H0ZM1 9H8V7H1V9ZM1.66896 8.74329L6.66896 4.24329L5.33104 2.75671L0.331035 7.25671L1.66896 8.74329ZM16.043 6.26014L16.5963 7.42809L18.4037 6.57191L17.8505 5.40396L16.043 6.26014ZM6.65079 4.25926C9.67554 1.66661 14.3376 2.65979 16.043 6.26014L17.8505 5.40396C15.5805 0.61182 9.37523 -0.710131 5.34921 2.74074L6.65079 4.25926Z"
+                  fill="currentColor"
+                />
+              </svg>
+            }
+            onClick={undo}
+            disabled={renders.length === 0}
+          />
+          <Button
+            className="mr-2"
+            icon={<EyeIcon className="w-6 h-6" />}
+            onDown={ev => {
+              ev.preventDefault()
+              setShowSeparator(true)
+              setShowOriginal(true)
+            }}
+            onUp={() => {
+              setShowOriginal(false)
+              setTimeout(() => setShowSeparator(false), 300)
+            }}
+            disabled={renders.length === 0}
+          >
+            {undefined}
+          </Button>
 
-        <Button
-          primary
-          icon={<DownloadIcon className="w-6 h-6" />}
-          disabled={!renders.length}
-          onClick={download}
-        >
-          {windowSize.width > 640 ? 'Download' : undefined}
-        </Button>
+          <Button
+            primary
+            icon={<DownloadIcon className="w-6 h-6" />}
+            disabled={!renders.length}
+            onClick={download}
+          >
+            {undefined}
+          </Button>
+        </div>
       </div>
     </div>
   )