Merge pull request #961 from PasanT9/design-fix

Make API Design Assitant only availalbe to users with apim:api_create scope
wso2 · Mar 1, 2025 · 2a93427 · 2a93427
2 parents 7b008b4 + a6411d5
commit 2a93427
Showing 1 changed file with 19 additions and 18 deletions.
diff --git a/...s/publisher/src/main/webapp/source/src/app/components/Apis/Listing/components/TopMenu.jsx b/...s/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}>