From f14f366b17a8f5707bb7c39099a0ac8191dd0787 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 15 Apr 2024 13:03:29 +0530
Subject: [PATCH] fix assets pro btn

---
 src/components/Assets.jsx | 4 ++--
 src/components/Pro.jsx    | 2 +-
 src/components/app.jsx    | 7 ++++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/Assets.jsx b/src/components/Assets.jsx
index b40ab1a..6e34b12 100644
--- a/src/components/Assets.jsx
+++ b/src/components/Assets.jsx
@@ -9,7 +9,7 @@ import { LoaderWithText } from './Loader';
 import { Text } from './Text';
 import { Icon } from './Icons';
 
-const Assets = () => {
+const Assets = ({ onProBtnClick }) => {
 	const [files, setFiles] = useState([]);
 	const [isFetchingFiles, setIsFetchingFiles] = useState(false);
 	const [searchTerm, setSearchTerm] = useState('');
@@ -161,7 +161,7 @@ const Assets = () => {
 		return (
 			<VStack align="stretch" gap={2}>
 				<p>Assets feature is available in PRO plan.</p>
-				<button class="btn  btn--primary ">
+				<button class="btn  btn--primary" onClick={onProBtnClick}>
 					<HStack gap={1} fullWidth justify="center">
 						Upgrade to <ProBadge />
 					</HStack>
diff --git a/src/components/Pro.jsx b/src/components/Pro.jsx
index ae9258e..84efd21 100644
--- a/src/components/Pro.jsx
+++ b/src/components/Pro.jsx
@@ -68,7 +68,7 @@ export function Pro({ user }) {
 							style="gap:0.2rem"
 							href={`https://web-maker.lemonsqueezy.com/checkout/buy/${
 								checkoutIds[isAnnual ? 'annual' : 'monthly']
-							}?embed=1&checkout[custom][userId]=${user.uid}`}
+							}?embed=1&checkout[custom][userId]=${user?.uid}`}
 						>
 							Go <ProBadge />
 						</A>
diff --git a/src/components/app.jsx b/src/components/app.jsx
index 9a2f70b..1a304c7 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -1776,7 +1776,12 @@ export default class App extends Component {
 						show={this.state.isAssetsOpen}
 						closeHandler={() => this.setState({ isAssetsOpen: false })}
 					>
-						<Assets />
+						<Assets
+							onProBtnClick={() => {
+								this.proBtnClickHandler();
+								this.setState({ isAssetsOpen: false });
+							}}
+						/>
 					</Modal>
 					<Modal
 						show={this.state.isNotificationsModalOpen}