fix: adjust redpacket layout

DimensionDev · Jan 3, 2025 · 2f37c84 · 2f37c84
1 parent 1b4d9b6
commit 2f37c84
Show file tree

Hide file tree

Showing 26 changed files with 450 additions and 43 deletions.
diff --git a/packages/plugins/Avatar/src/locale/en-US.json b/packages/plugins/Avatar/src/locale/en-US.json
diff --git a/packages/plugins/Avatar/src/locale/en-US.po b/packages/plugins/Avatar/src/locale/en-US.po
diff --git a/packages/plugins/Avatar/src/locale/ja-JP.json b/packages/plugins/Avatar/src/locale/ja-JP.json
diff --git a/packages/plugins/Avatar/src/locale/ja-JP.po b/packages/plugins/Avatar/src/locale/ja-JP.po
diff --git a/packages/plugins/Avatar/src/locale/ko-KR.json b/packages/plugins/Avatar/src/locale/ko-KR.json
diff --git a/packages/plugins/Avatar/src/locale/ko-KR.po b/packages/plugins/Avatar/src/locale/ko-KR.po
diff --git a/packages/plugins/Avatar/src/locale/zh-CN.json b/packages/plugins/Avatar/src/locale/zh-CN.json
diff --git a/packages/plugins/Avatar/src/locale/zh-CN.po b/packages/plugins/Avatar/src/locale/zh-CN.po
diff --git a/packages/plugins/Avatar/src/locale/zh-TW.json b/packages/plugins/Avatar/src/locale/zh-TW.json
diff --git a/packages/plugins/Avatar/src/locale/zh-TW.po b/packages/plugins/Avatar/src/locale/zh-TW.po
diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/RedPacket/index.tsx b/packages/plugins/RedPacket/src/SiteAdaptor/RedPacket/index.tsx
@@ -260,33 +260,35 @@ export const RedPacket = memo(function RedPacket({ payload }: RedPacketProps) {
     const claimedOrEmpty = listOfStatus.includes(RedPacketStatus.claimed) || isEmpty
 
     return (
-        <Card className={classes.root} component="article" elevation={0}>
-            <RedPacketEnvelope
-                className={classes.envelope}
-                cover={cover?.backgroundImageUrl || new URL('../assets/cover.png', import.meta.url).href}
-                message={payload.sender.message}
-                token={token}
-                shares={payload.shares}
-                isClaimed={isClaimed}
-                isEmpty={isEmpty}
-                isExpired={isExpired}
-                isRefunded={isRefunded}
-                claimedCount={+availability.claimed}
-                total={payload.total}
-                totalClaimed={minus(payload.total, payload.total_remaining || availability.balance).toFixed()}
-                claimedAmount={availability.claimed_amount}
-                creator={payload.sender.name}
-            />
-            {cover ?
-                <Grow in={showRequirements ? !checkingClaimStatus : false} timeout={250}>
-                    <Requirements
-                        showResults={!claimedOrEmpty}
-                        statusList={claimStrategyStatus?.claimStrategyStatus ?? EMPTY_LIST}
-                        className={classes.requirements}
-                        onClose={() => setShowRequirements(false)}
-                    />
-                </Grow>
-            :   null}
+        <>
+            <Card className={classes.root} component="article" elevation={0}>
+                <RedPacketEnvelope
+                    className={classes.envelope}
+                    cover={cover?.backgroundImageUrl || new URL('../assets/cover.png', import.meta.url).href}
+                    message={payload.sender.message}
+                    token={token}
+                    shares={payload.shares}
+                    isClaimed={isClaimed}
+                    isEmpty={isEmpty}
+                    isExpired={isExpired}
+                    isRefunded={isRefunded}
+                    claimedCount={+availability.claimed}
+                    total={payload.total}
+                    totalClaimed={minus(payload.total, payload.total_remaining || availability.balance).toFixed()}
+                    claimedAmount={availability.claimed_amount}
+                    creator={payload.sender.name}
+                />
+                {cover ?
+                    <Grow in={showRequirements ? !checkingClaimStatus : false} timeout={250}>
+                        <Requirements
+                            showResults={!claimedOrEmpty}
+                            statusList={claimStrategyStatus?.claimStrategyStatus ?? EMPTY_LIST}
+                            className={classes.requirements}
+                            onClose={() => setShowRequirements(false)}
+                        />
+                    </Grow>
+                :   null}
+            </Card>
             {outdated ?
                 null
             : myHandle ?
@@ -306,6 +308,6 @@ export const RedPacket = memo(function RedPacket({ payload }: RedPacketProps) {
                     }}
                 />
             }
-        </Card>
+        </>
     )
 })