From 1fe2a97f8cc7ad82799e89d68bbb378a8136fd43 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Fri, 14 Jan 2022 17:41:33 +0530
Subject: [PATCH 1/4] call user-plans api if token present

---
 src/services/billingService.ts | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/services/billingService.ts b/src/services/billingService.ts
index 93f8e7b81..3592fd7e9 100644
--- a/src/services/billingService.ts
+++ b/src/services/billingService.ts
@@ -16,10 +16,22 @@ enum PaymentActionType {
 
 class billingService {
     public async getPlans(): Promise<Plan[]> {
+        const token = getToken();
         try {
-            const response = await HTTPService.get(
-                `${ENDPOINT}/billing/plans/v2`
-            );
+            let response;
+            if (!token) {
+                response = await HTTPService.get(
+                    `${ENDPOINT}/billing/plans/v2`
+                );
+            } else {
+                response = await HTTPService.get(
+                    `${ENDPOINT}/billing/user-plans/v2`,
+                    null,
+                    {
+                        'X-Auth-Token': getToken(),
+                    }
+                );
+            }
             const { plans } = response.data;
             return plans;
         } catch (e) {

From 22528bb7ca75909dc66180a66f4afb52be031fa2 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Fri, 14 Jan 2022 17:43:40 +0530
Subject: [PATCH 2/4] dont animate currentSubscribedPlan

---
 src/components/pages/gallery/PlanSelector.tsx | 34 ++++++++++++-------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/components/pages/gallery/PlanSelector.tsx b/src/components/pages/gallery/PlanSelector.tsx
index 48156e7f5..3e2b0f0fe 100644
--- a/src/components/pages/gallery/PlanSelector.tsx
+++ b/src/components/pages/gallery/PlanSelector.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Form, Modal, Button } from 'react-bootstrap';
 import constants from 'utils/strings/constants';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { Plan, Subscription } from 'types/billing';
 import {
     convertBytesToGBs,
@@ -25,7 +25,7 @@ import { DeadCenter } from 'pages/gallery';
 import billingService from 'services/billingService';
 import { SetLoading } from 'types/gallery';
 
-export const PlanIcon = styled.div<{ selected: boolean }>`
+export const PlanIcon = styled.div<{ currentlySubscribed: boolean }>`
     border-radius: 20px;
     width: 220px;
     border: 2px solid #333;
@@ -38,8 +38,9 @@ export const PlanIcon = styled.div<{ selected: boolean }>`
     justify-content: center;
     align-items: center;
     flex-direction: column;
-    cursor: ${(props) => (props.selected ? 'not-allowed' : 'pointer')};
-    border-color: ${(props) => props.selected && '#56e066'};
+    cursor: ${(props) =>
+        props.currentlySubscribed ? 'not-allowed' : 'pointer'};
+    border-color: ${(props) => props.currentlySubscribed && '#56e066'};
     transition: all 0.3s ease-out;
     overflow: hidden;
     position: relative;
@@ -56,12 +57,17 @@ export const PlanIcon = styled.div<{ selected: boolean }>`
         transition: all 0.5s ease-out;
     }
 
-    &:hover {
-        transform: scale(1.1);
-        background-color: #ffffff11;
-    }
-
-    &:hover > div:first-child::before {
+    &:hover
+        ${(props) =>
+            !props.currentlySubscribed &&
+            css`
+                 {
+                    transform: scale(1.1);
+                    background-color: #ffffff11;
+                }
+            `}
+        &:hover
+        > div:first-child::before {
         transform: rotate(45deg) translateX(300px);
     }
 `;
@@ -163,8 +169,12 @@ function PlanSelector(props: Props) {
             <PlanIcon
                 key={plan.stripeID}
                 className="subscription-plan-selector"
-                selected={isUserSubscribedPlan(plan, subscription)}
-                onClick={async () => await onPlanSelect(plan)}>
+                currentlySubscribed={isUserSubscribedPlan(plan, subscription)}
+                onClick={
+                    isUserSubscribedPlan(plan, subscription)
+                        ? () => {}
+                        : async () => await onPlanSelect(plan)
+                }>
                 <div>
                     <span
                         style={{

From 8ca2eeb8c7bade6cc114aefc7ea23a556b134c21 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Fri, 14 Jan 2022 17:43:53 +0530
Subject: [PATCH 3/4] remove unnecessary api key

---
 src/utils/common/key.ts | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/utils/common/key.ts b/src/utils/common/key.ts
index d3130d1fe..58309210e 100644
--- a/src/utils/common/key.ts
+++ b/src/utils/common/key.ts
@@ -22,8 +22,4 @@ export const getActualKey = async () => {
     }
 };
 
-export const getStripePublishableKey = () =>
-    process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY ??
-    'pk_live_51HAhqDK59oeucIMOiTI6MDDM2UWUbCAJXJCGsvjJhiO8nYJz38rQq5T4iyQLDMKxqEDUfU5Hopuj4U5U4dff23oT00fHvZeodC';
-
 export const getToken = () => getData(LS_KEYS.USER)?.token;

From 01db5a28ce92e820573817bb06cc4b01a790eaa0 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Fri, 14 Jan 2022 18:57:44 +0530
Subject: [PATCH 4/4] change user-plans api url

---
 src/services/billingService.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/billingService.ts b/src/services/billingService.ts
index 3592fd7e9..cc6bf6021 100644
--- a/src/services/billingService.ts
+++ b/src/services/billingService.ts
@@ -25,7 +25,7 @@ class billingService {
                 );
             } else {
                 response = await HTTPService.get(
-                    `${ENDPOINT}/billing/user-plans/v2`,
+                    `${ENDPOINT}/billing/user-plans`,
                     null,
                     {
                         'X-Auth-Token': getToken(),