From bd13a2373aa3026ed8bf1fea2ad3a4596e68352c Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Wed, 29 Jan 2025 12:40:21 +0530
Subject: [PATCH] nf tweak

---
 .../components/Sidebar/SubscriptionCard.tsx   | 53 ++++++++-----------
 1 file changed, 23 insertions(+), 30 deletions(-)

diff --git a/web/apps/photos/src/components/Sidebar/SubscriptionCard.tsx b/web/apps/photos/src/components/Sidebar/SubscriptionCard.tsx
index 6723691c17..b3ed7d6ada 100644
--- a/web/apps/photos/src/components/Sidebar/SubscriptionCard.tsx
+++ b/web/apps/photos/src/components/Sidebar/SubscriptionCard.tsx
@@ -50,17 +50,14 @@ export const SubscriptionCard: React.FC<SubscriptionCardProps> = ({
     );
 };
 
-const BackgroundOverlay: React.FC = () => {
-    return (
-        <img
-            style={{ aspectRatio: "2/1" }}
-            width="100%"
-            src="/images/subscription-card-background/1x.png"
-            srcSet="/images/subscription-card-background/2x.png 2x,
-                        /images/subscription-card-background/3x.png 3x"
-        />
-    );
-};
+const BackgroundOverlay: React.FC = () => (
+    <img
+        style={{ aspectRatio: "2/1" }}
+        width="100%"
+        src="/images/subscription-card-background/1x.png"
+        srcSet="/images/subscription-card-background/2x.png 2x, /images/subscription-card-background/3x.png 3x"
+    />
+);
 
 const ClickOverlay: React.FC<ButtonishProps> = ({ onClick }) => (
     <Overlay
@@ -82,25 +79,21 @@ interface SubscriptionCardContentOverlayProps {
 
 export const SubscriptionCardContentOverlay: React.FC<
     SubscriptionCardContentOverlayProps
-> = ({ userDetails }) => {
-    return (
-        <Overlay>
-            <SpaceBetweenFlex
-                height={"100%"}
-                flexDirection={"column"}
-                padding={"20px 16px"}
-            >
-                {userDetails && isPartOfFamilyWithOtherMembers(userDetails) ? (
-                    <FamilySubscriptionCardContent userDetails={userDetails} />
-                ) : (
-                    <IndividualSubscriptionCardContent
-                        userDetails={userDetails}
-                    />
-                )}
-            </SpaceBetweenFlex>
-        </Overlay>
-    );
-};
+> = ({ userDetails }) => (
+    <Overlay>
+        <SpaceBetweenFlex
+            height={"100%"}
+            flexDirection={"column"}
+            padding={"20px 16px"}
+        >
+            {userDetails && isPartOfFamilyWithOtherMembers(userDetails) ? (
+                <FamilySubscriptionCardContent userDetails={userDetails} />
+            ) : (
+                <IndividualSubscriptionCardContent userDetails={userDetails} />
+            )}
+        </SpaceBetweenFlex>
+    </Overlay>
+);
 
 interface IndividualSubscriptionCardContentProps {
     userDetails: UserDetails;