From cc2a0ca875b9dfc27b506dbb30e0c5ef6a45506b Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Mon, 2 May 2022 18:25:00 +0530
Subject: [PATCH 1/3] update link button to accept button type color prop

---
 src/components/pages/gallery/LinkButton.tsx   | 11 +++++++++--
 src/components/pages/gallery/PlanSelector.tsx |  8 ++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/gallery/LinkButton.tsx b/src/components/pages/gallery/LinkButton.tsx
index 548fd64a2..aebfea258 100644
--- a/src/components/pages/gallery/LinkButton.tsx
+++ b/src/components/pages/gallery/LinkButton.tsx
@@ -1,5 +1,6 @@
 import { Link, LinkProps } from '@mui/material';
 import React, { FC } from 'react';
+import { ButtonProps } from 'react-bootstrap';
 
 export enum ButtonVariant {
     success = 'success',
@@ -28,9 +29,15 @@ export function getVariantColor(variant: string) {
     }
 }
 
-const LinkButton: FC<LinkProps<'button'>> = ({ children, ...props }) => {
+const LinkButton: FC<LinkProps<'button', { color?: ButtonProps['color'] }>> = ({
+    children,
+    ...props
+}) => {
     return (
-        <Link component="button" {...props}>
+        <Link
+            component="button"
+            {...props}
+            sx={{ color: props.color && `${props.color}.main` }}>
             {children}
         </Link>
     );
diff --git a/src/components/pages/gallery/PlanSelector.tsx b/src/components/pages/gallery/PlanSelector.tsx
index c0e909e90..08d3abd67 100644
--- a/src/components/pages/gallery/PlanSelector.tsx
+++ b/src/components/pages/gallery/PlanSelector.tsx
@@ -318,7 +318,7 @@ function PlanSelector(props: Props) {
                         <>
                             {isSubscriptionCancelled(subscription) ? (
                                 <LinkButton
-                                    variant="success"
+                                    color={'success'}
                                     onClick={() =>
                                         props.setDialogMessage({
                                             title: constants.CONFIRM_ACTIVATE_SUBSCRIPTION,
@@ -346,7 +346,7 @@ function PlanSelector(props: Props) {
                                 </LinkButton>
                             ) : (
                                 <LinkButton
-                                    variant="danger"
+                                    color="danger"
                                     onClick={() =>
                                         props.setDialogMessage({
                                             title: constants.CONFIRM_CANCEL_SUBSCRIPTION,
@@ -372,7 +372,7 @@ function PlanSelector(props: Props) {
                                 </LinkButton>
                             )}
                             <LinkButton
-                                variant="primary"
+                                color="primary"
                                 onClick={updatePaymentMethod.bind(
                                     null,
                                     props.setDialogMessage,
@@ -384,7 +384,7 @@ function PlanSelector(props: Props) {
                         </>
                     ) : (
                         <LinkButton
-                            variant="primary"
+                            color="primary"
                             onClick={props.closeModal}
                             style={{
                                 color: 'rgb(121, 121, 121)',

From 59104a653153e7a23415b6b135c6a6002b3f7b70 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Mon, 2 May 2022 18:27:42 +0530
Subject: [PATCH 2/3] fix import

---
 src/pages/two-factor/verify/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/two-factor/verify/index.tsx b/src/pages/two-factor/verify/index.tsx
index 3ccdb14ee..fe8ad5776 100644
--- a/src/pages/two-factor/verify/index.tsx
+++ b/src/pages/two-factor/verify/index.tsx
@@ -1,6 +1,6 @@
 import Container from 'components/Container';
 import LogoImg from 'components/LogoImg';
-import VerifyTwoFactor from 'components/VerifyTwoFactor';
+import VerifyTwoFactor from 'components/TwoFactor/VerifyForm';
 import router from 'next/router';
 import React, { useEffect, useState } from 'react';
 import { Button, Card } from 'react-bootstrap';

From fe426e2ad8d6678c14ca4fa2f270ee0f38f49e25 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Mon, 2 May 2022 18:29:35 +0530
Subject: [PATCH 3/3] fix import

---
 src/pages/two-factor/verify/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/two-factor/verify/index.tsx b/src/pages/two-factor/verify/index.tsx
index fe8ad5776..e5fbe25ac 100644
--- a/src/pages/two-factor/verify/index.tsx
+++ b/src/pages/two-factor/verify/index.tsx
@@ -9,6 +9,7 @@ import { PAGES } from 'constants/pages';
 import { User } from 'types/user';
 import { setData, LS_KEYS, getData } from 'utils/storage/localStorage';
 import constants from 'utils/strings/constants';
+import LinkButton from 'components/pages/gallery/LinkButton';
 
 export default function Home() {
     const [sessionID, setSessionID] = useState('');
@@ -61,9 +62,11 @@ export default function Home() {
                     </Card.Title>
                     <VerifyTwoFactor
                         onSubmit={onSubmit}
-                        back={router.back}
                         buttonText={constants.VERIFY}
                     />
+                    <LinkButton onClick={router.back}>
+                        {constants.GO_BACK}
+                    </LinkButton>
                     <div
                         style={{
                             display: 'flex',