added API key docs

Author: saminacodes

apps/portal/src/app/account/api-keys/access/assets/access-restrictions.png

@@ -1,8 +1,8 @@
 import { DocImage, Steps, Step } from "@doc";
-import chooseKeyImage from "../assets/choose-key.png";
 import allowedDomainsImage from "../assets/allowed-domains.png";
-import selectEditImage from "../assets/select-edit.png";
 import { createMetadata } from "@doc";
+import AccessRestrictions from "./assets/access-restrictions.png";
+import ProjectOverview from "../assets/project-overview.png";
 
 export const metadata = createMetadata({
 	title: "Access Restrictions",
@@ -24,32 +24,28 @@ To modify the allowed Domain Id or Bundle Ids:
 
 <Steps>
 
-<Step title="Go to Dashboard">
+<Steps>
 
-Go to **[thirdweb dashboard](https://thirdweb.com/team)**
+<Step title="Select Project">
 
-</Step>
+Select the project you want to set access restrictions on from the Overview section of your dashboard.
 
-<Step title="Choose API Key">
-Choose the API Key you want to modify restrictions on.
+<DocImage src={ProjectOverview} alt="Project Overview" />
 
-<DocImage src={chooseKeyImage} />
 </Step>
 
-<Step title="Edit">
-Select `Edit` to enter editor mode.
+<Step title="Project Settings">
 
-<DocImage src={selectEditImage} />
-</Step>
+Navigate to the project's settings and locate Domain Restrictions and Bundle ID restrictions. Add the domain or bundle id you want to restrict the project on.
 
-<Step title="Edit Domains">
-Enter the allowed domains the "Allowed Domains" field or switch to Bundle IDs to enter allowed Bundle IDs.
+<DocImage src={AccessRestrictions} alt="" />
 
-<DocImage src={allowedDomainsImage} />
 </Step>
 
 <Step title="Save Changes">
-
+Save your changes to apply the access restrictions.
 </Step>
 
 </Steps>
+
+</Steps>

apps/portal/src/app/account/api-keys/access/page.mdx

@@ -1,6 +1,7 @@
 import { DocImage, Steps, Step } from "@doc";
-import chooseKeyImage from "../assets/choose-key.png";
 import confirmDeleteImage from "../assets/confirm-delete.png";
+import ProjectOverview from "../assets/project-overview.png";
+import DeleteProject from "./assets/delete-project.png";
 import { createMetadata } from "@doc";
 
 export const metadata = createMetadata({
@@ -13,27 +14,30 @@ export const metadata = createMetadata({
 	},
 });
 
-# Delete API Key
+# Delete Or Transfer Project
 
-Deleting an API key will invalidate it, making it no longer usable.
+Deleting a project also removes its associated API key, rendering it invalid and unusable. You may also choose to transfer projects to another team.
 
 <Steps>
 
-<Step title="Go to Dashboard">
-	Go to **[your team's projects page](https://thirdweb.com/team)** on the dashboard.
-</Step>
+<Step title="Select Project">
 
-<Step title='Choose API Key'>
-Choose the API Key you want to delete.
+Select the project you want to delete or transfer from the Overview section of your dashboard.
 
-<DocImage src={chooseKeyImage} />
+<DocImage src={ProjectOverview} alt="Project Overview" />
 
 </Step>
 
-<Step title='Delete Key'>
-To delete an API key, select `Delete key` and confirm your intention to delete the key. The key will then be deleted.
+<Step title="Project Settings">
+
+Navigate to the project's settings and locate "Transfer Project" or "Delete Project".
+
+<DocImage src={DeleteProject} alt="Delete Project" />
+
+</Step>
 
-<DocImage src={confirmDeleteImage} />
+<Step title="Confirm Transfer or Deletion">
+In the UI confirm the transfer or deletion of the project.
 </Step>
 
 </Steps>

apps/portal/src/app/account/api-keys/assets/all-services.png

@@ -1,7 +1,6 @@
 import { DocImage, Steps, Step } from "@doc";
-import chooseKeyImage from "../assets/choose-key.png";
-import selectEditImage from "../assets/select-edit.png";
-import allServicesImage from "../assets/all-services.png";
+import ProjectOverview from '../assets/project-overview.png';
+import EnabledServices from './assets/enabled-services.png';
 import { createMetadata } from "@doc";
 
 export const metadata = createMetadata({
@@ -14,70 +13,33 @@ export const metadata = createMetadata({
 	},
 });
 
-# Edit enabled services on API Keys
+# Enabled Services
 
-All services on API keys are enabled by default. If you want to disable any services or edit settings for each service:
 
-<Steps>
-
-<Step title="Project Settings">
 
-Navigate to the project settings of your dashboard. 
+All services on API keys per project are enabled by default. If you want to disable any services or edit settings for each service:
 
-</Step>
+<Steps>
 
-<Step title="Choose API key">
+<Step title="Select Project">
 
-Choose the API Key from which you want to enable or disable a Service.
+Select the project you want to edit services for from the Overview section of your dashboard.
 
-<DocImage src={chooseKeyImage} />
+<DocImage src={ProjectOverview} alt="Project Overview" />
 
 </Step>
 
-<Step title="Edit">
-Select `Edit` to enter the editor view.
+<Step title="Project Settings">
 
-<DocImage src={selectEditImage} />
-</Step>
+Navigate to the project's settings and locate "Enabled Services".
 
-<Step title="Modify services">
-Navigate to the Services section and enable the service and modify any services as needed.
+<DocImage src={EnabledServices} alt="Enabled Services" />
 
-<DocImage src={allServicesImage} />
 </Step>
 
-<Step title="Save Changes">
+<Step title="Modify Services">
+Toggle the specified service you want on or off. Each service is on by default and toggling will turn off access to the service for the project.
 </Step>
-</Steps>
-
-### Services
-
-#### Storage
-
-By default, Storage services are enabled upon creation of the API Key.
 
-Storage provides two sub-settings enabled by default on API Key creation.
-
-- Upload - Enable uploading to Storage
-- Download - Enable downloading from Storage
-
-To disable Upload or Download:
-
-1. Navigate to Settings > API Keys
-2. Toggle the checkboxes in the Services > Storage settings
-
-#### RPC Edge
-
-By default, RPC Edge services are enabled upon creation of the API Key.
-
-To use RPC Edge in your application, see our [RPC Edge QuickStart](/infrastructure/rpc-edge/get-started) article.
-
-#### Account abstraction services
-
-By default, Account abstraction services services are enabled upon creation of the API Key.
-
-To set additional rules on which transactions you want to sponsor, go to your Team > Project > Account Abstraction > Configuration page.
-
-#### In-App Wallets
+</Steps>
 
-By default, In-App Wallet services are enabled upon creation of the API Key. You can view your in-app wallet's settings in your Team > Project > Connect > In App Wallets page.