From 8439bf7bc28aaddbbf0fee4d084b9d99962d8d37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Walter?= <clement0walter@gmail.com>
Date: Sat, 16 Sep 2023 11:50:22 +0200
Subject: [PATCH] Add ETH to save button

---
 .../src/components/SaveButton/SaveButton.tsx               | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/starksheet-webapp/src/components/SaveButton/SaveButton.tsx b/packages/starksheet-webapp/src/components/SaveButton/SaveButton.tsx
index 6c2cad99..8d9c7283 100644
--- a/packages/starksheet-webapp/src/components/SaveButton/SaveButton.tsx
+++ b/packages/starksheet-webapp/src/components/SaveButton/SaveButton.tsx
@@ -19,7 +19,10 @@ function SaveButton({ currentCellOwnerAddress, error, sx }: SaveButtonProps) {
   const { accountAddress } = useContext(AccountContext);
   const [loading, setLoading] = useState<boolean>(false);
 
-  const cost = useMemo(() => (costEth > 0 ? ` (${costEth})` : ""), [costEth]);
+  const cost = useMemo(
+    () => (costEth > 0 ? ` (${costEth}ETH)` : ""),
+    [costEth]
+  );
 
   const onClick = useCallback(async () => {
     if (transactions.length === 0) {
@@ -55,7 +58,7 @@ function SaveButton({ currentCellOwnerAddress, error, sx }: SaveButtonProps) {
       <span>
         <Button
           sx={{
-            width: "221px",
+            width: "250px",
             "& .content": {
               backgroundColor: !!accountAddress ? "#FF4F0A" : undefined,
               boxShadow: !!accountAddress