From 5b8b57695019dd8eb5874e69cf10ba19cf75b39a Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Thu, 7 Oct 2021 01:43:01 -0400
Subject: [PATCH] Update exchange credit widget

---
 .../exchange-credit/exchange-credit-image.png | Bin 0 -> 9507 bytes
 .../FurnitureExchangeCreditView.scss          |   7 ++-
 .../FurnitureExchangeCreditView.tsx           |  54 +++++++++++-------
 3 files changed, 39 insertions(+), 22 deletions(-)
 create mode 100644 src/assets/images/room-widgets/exchange-credit/exchange-credit-image.png

diff --git a/src/assets/images/room-widgets/exchange-credit/exchange-credit-image.png b/src/assets/images/room-widgets/exchange-credit/exchange-credit-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..eef5da6cb5e1bcc91db1e615b5600064da805d73
GIT binary patch
literal 9507
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
B4|V_m

literal 0
HcmV?d00001

diff --git a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss
index 34b1b665..db574026 100644
--- a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss
+++ b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss
@@ -1,3 +1,8 @@
 .nitro-exchange-credit {
-    width: 290px;
+
+    .exchange-image {
+        background-image: url('../../../../../assets/images/room-widgets/exchange-credit/exchange-credit-image.png');
+        width: 103px;
+        height: 103px;
+    }
 }
diff --git a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx
index e8f6387b..d1078f66 100644
--- a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx
+++ b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx
@@ -2,7 +2,8 @@ import { FC, useCallback, useState } from 'react';
 import { LocalizeText, RoomWidgetCreditFurniRedeemMessage, RoomWidgetUpdateCreditFurniEvent } from '../../../../../api';
 import { BatchUpdates } from '../../../../../hooks';
 import { CreateEventDispatcherHook } from '../../../../../hooks/events/event-dispatcher.base';
-import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../../layout';
+import { NitroCardContentView, NitroCardHeaderView, NitroCardView, NitroLayoutButton, NitroLayoutFlexColumn, NitroLayoutGrid, NitroLayoutGridColumn } from '../../../../../layout';
+import { NitroLayoutBase } from '../../../../../layout/base';
 import { useRoomContext } from '../../../context/RoomContext';
 
 export const FurnitureExchangeCreditView: FC<{}> = props =>
@@ -19,35 +20,46 @@ export const FurnitureExchangeCreditView: FC<{}> = props =>
 
     CreateEventDispatcherHook(RoomWidgetUpdateCreditFurniEvent.CREDIT_FURNI_UPDATE, eventDispatcher, onRoomWidgetUpdateCreditFurniEvent);
 
-    const processAction = useCallback((type: string, value: string = null) =>
+    const close = useCallback(() =>
     {
-        switch(type)
+        BatchUpdates(() =>
         {
-            case 'close':
-                BatchUpdates(() =>
-                {
-                    setObjectId(-1);
-                    setValue(0);
-                });
-                return;
-            case 'redeem':
-                widgetHandler.processWidgetMessage(new RoomWidgetCreditFurniRedeemMessage(RoomWidgetCreditFurniRedeemMessage.REDEEM, objectId));
+            setObjectId(-1);
+            setValue(0);
+        });
+    }, []);
 
-                processAction('close');
-                return;
-        }
-    }, [ widgetHandler, objectId ]);
+    const redeem = useCallback(() =>
+    {
+        widgetHandler.processWidgetMessage(new RoomWidgetCreditFurniRedeemMessage(RoomWidgetCreditFurniRedeemMessage.REDEEM, objectId));
+
+        close();
+    }, [ widgetHandler, objectId, close ]);
 
     if(objectId === -1) return null;
 
     return (
         <NitroCardView className="nitro-exchange-credit" simple={ true }>
-            <NitroCardHeaderView headerText={ LocalizeText('catalog.redeem.dialog.title') } onCloseClick={ event => processAction('close') } />
+            <NitroCardHeaderView headerText={ LocalizeText('catalog.redeem.dialog.title') } onCloseClick={ close } />
             <NitroCardContentView>
-                <div className="text-black mb-2">
-                    { LocalizeText('widgets.furniture.credit.redeem.value', [ 'value' ], [ value.toString() ]) }
-                </div>
-                <button className="btn btn-success w-100" onClick={ event => processAction('redeem') }>{ LocalizeText('catalog.redeem.dialog.button.exchange') }</button>
+                <NitroLayoutGrid>
+                    <NitroLayoutGridColumn className="justify-content-center align-items-center" overflow="hidden" size={ 4 }>
+                        <NitroLayoutBase className="exchange-image" />
+                    </NitroLayoutGridColumn>
+                    <NitroLayoutGridColumn className="justify-content-between" overflow="hidden" size={ 8 }>
+                        <NitroLayoutFlexColumn gap={ 1 } overflow="auto">
+                            <NitroLayoutBase className="text-black fw-bold">
+                                { LocalizeText('creditfurni.description', [ 'credits' ], [ value.toString() ]) }
+                            </NitroLayoutBase>
+                            <NitroLayoutBase className="text-black">
+                                { LocalizeText('creditfurni.prompt') }
+                            </NitroLayoutBase>
+                        </NitroLayoutFlexColumn>
+                        <NitroLayoutButton variant="success" onClick={ redeem }>
+                            { LocalizeText('catalog.redeem.dialog.button.exchange') }
+                        </NitroLayoutButton>
+                    </NitroLayoutGridColumn>
+                </NitroLayoutGrid>
             </NitroCardContentView>
         </NitroCardView>
     );