Merge pull request #611 from getmaxun/web2api

feat: move web2api to api key section

src/components/api/ApiKey.tsx

@@ -108,7 +108,21 @@ const ApiKeyManager = () => {
 
   return (
     <Container sx={{ alignSelf: 'flex-start' }}>
-      <Typography variant="h6" gutterBottom component="div" style={{ marginBottom: '20px' }}>
+      <Typography variant="body1" sx={{ marginTop: '10px', marginBottom: '40px' }}>
+        Start by creating an API key below. Then,
+        <a href={`${apiUrl}/api-docs/`} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', marginLeft: '5px', marginRight: '5px' }}>
+          test your API
+        </a>
+        or read the <a href="https://docs.maxun.dev/category/api-docs" target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}>
+          API documentation
+        </a> for setup instructions.
+      </Typography>
+      <Typography
+        variant="h6"
+        gutterBottom
+        component="div"
+        style={{ marginBottom: '20px', textAlign: 'left', width: '100%' }}
+      >
         {t('apikey.title')}
       </Typography>
       {apiKey ? (

src/components/dashboard/MainMenu.tsx

@@ -109,9 +109,9 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
         </Tabs>
         <hr />
         <Box sx={{ display: 'flex', flexDirection: 'column', gap: '1rem', textAlign: 'left' }}>
-          <Button href={`${apiUrl}/api-docs/`} target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<Code />}>
+          {/* <Button href={`${apiUrl}/api-docs/`} target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<Code />}>
             {t('mainmenu.apidocs')}
-          </Button>
+          </Button> */}
           <Button href="https://app.maxun.dev/login" target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<CloudQueue />}>
             {t('mainmenu.feedback')}
           </Button>