From a6411d52003f5c02f5e7d4f29cbcb638e617ea9b Mon Sep 17 00:00:00 2001
From: pasant9 <pasan96tennakoon@gmail.com>
Date: Sat, 1 Mar 2025 13:18:27 +0530
Subject: [PATCH] Make API Design Assitant only availalbe to users with
 apim:create scope

---
 .../Apis/Listing/components/TopMenu.jsx       | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Listing/components/TopMenu.jsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Listing/components/TopMenu.jsx
index b81a945a714..34595349ba7 100644
--- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Listing/components/TopMenu.jsx
+++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Listing/components/TopMenu.jsx
@@ -193,24 +193,25 @@ function TopMenu(props) {
                         </APICreateMenu>
                     )} 
                     {/* Button to Create API with AI */}
-                    <Button
-                        variant='contained'
-                        color='primary'
-                        component={Link}
-                        disabled={isRestricted(['apim:api_publish', 'apim:api_create'])}
-                        to='/apis/design-assistant'
-                        sx={{ marginLeft: '10px' }}
-                    >
-                        <FormattedMessage
-                            id='Apis.Listing.components.TopMenu.create.api.with.ai'
-                            defaultMessage='Create API with AI'
-                        />
-                        <img 
-                            alt='API Design Assistant'
-                            src={`${app.context}/site/public/images/ai/DesignAssistant.svg`}
-                            style={{ marginLeft: 8, width: 15, height: 15 }}
-                        />
-                    </Button>                              
+                    {!query && !isAPIProduct && !isRestricted(['apim:api_create']) && (
+                        <Button
+                            variant='contained'
+                            color='primary'
+                            component={Link}
+                            to='/apis/design-assistant'
+                            sx={{ marginLeft: '10px' }}
+                        >
+                            <FormattedMessage
+                                id='Apis.Listing.components.TopMenu.create.api.with.ai'
+                                defaultMessage='Create API with AI'
+                            />
+                            <img
+                                alt='API Design Assistant'
+                                src={`${app.context}/site/public/images/ai/DesignAssistant.svg`}
+                                style={{ marginLeft: 8, width: 15, height: 15 }}
+                            />
+                        </Button>
+                    )}
                 </div>
                 {showToggle && (
                     <Box height={32} m='auto' mr={8}>