revert all non-md changes

MetaMask · Jul 16, 2024 · 16a6002 · 16a6002
1 parent eb8e93e
commit 16a6002
Show file tree

Hide file tree

Showing 76 changed files with 623 additions and 1,131 deletions.
diff --git a/.github/workflows/crowdin.yml b/.github/workflows/crowdin.yml
@@ -2,8 +2,8 @@ name: Crowdin Action
 
 on:
   push:
-    path: ["i18n/**"]
-    branches: [main]
+    path: [ "i18n/**" ]
+    branches: [ main ]
 
 permissions: write-all
 
@@ -23,10 +23,10 @@ jobs:
           localization_branch_name: l10n_crowdin_translations
 
           create_pull_request: true
-          pull_request_title: "New Crowdin translations"
-          pull_request_body: "New Crowdin pull request with translations"
-          pull_request_base_branch_name: "main"
+          pull_request_title: 'New Crowdin translations'
+          pull_request_body: 'New Crowdin pull request with translations'
+          pull_request_base_branch_name: 'main'
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
-          CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
+          CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
diff --git a/.yarn/releases/yarn-3.4.1.cjs b/.yarn/releases/yarn-3.4.1.cjs
diff --git a/crowdin.yml b/crowdin.yml
@@ -13,4 +13,4 @@ files:
   - source: /services/**/*
     translation: /i18n/%two_letters_code%/docusaurus-plugin-content-docs/**/%original_file_name%
   - source: /docs/**/*
-    translation: /i18n/%two_letters_code%/docusaurus-plugin-content-docs/**/%original_file_name%
+    translation: /i18n/%two_letters_code%/docusaurus-plugin-content-docs/**/%original_file_name%
diff --git a/dashboard-sidebar.js b/dashboard-sidebar.js
@@ -19,3 +19,4 @@ const sidebar = {
 };
 
 module.exports = sidebar;
+
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -137,7 +137,7 @@ const config = {
       },
     ],
     "./src/plugins/plugin-json-rpc.ts",
-    isProd ?
+    isProd ? 
       [
         "docusaurus-plugin-segment",
         {
@@ -353,4 +353,4 @@ const config = {
     }),
 };
 
-module.exports = config;
+module.exports = config;
diff --git a/package.json b/package.json
@@ -105,4 +105,4 @@
       "$root$": false
     }
   }
-}
+}
diff --git a/services-sidebar.js b/services-sidebar.js
@@ -28,7 +28,7 @@ const sidebar = {
       link: { type: "generated-index", slug: "/tutorials" },
       collapsed: true,
       items: [{ type: "autogenerated", dirName: "tutorials" }],
-    },
+    },   
     {
       type: "category",
       label: "Reference",
@@ -40,3 +40,4 @@ const sidebar = {
 };
 
 module.exports = sidebar;
+
diff --git a/src/components/Banner/banner.module.css b/src/components/Banner/banner.module.css
@@ -1,38 +1,36 @@
-.banner {
-  /* Change this to your preferred color */
-  padding: 20px;
-  text-align: center;
-  margin-bottom: 20px;
-  box-shadow: inset 0 0 10px rgb(180 179 179 / 50%); /* Light grey shading */
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--ifm-background-color);
-  color: var(--ifm-font-color-base);
-  border-bottom: 2px solid transparent;
-  border-right: 2px solid transparent;
-  transition:
-    border-color 0.3s ease,
-    box-shadow 0.3s ease;
-  border-radius: 15px;
-}
+.banner { /* Change this to your preferred color */
+    padding: 20px;
+    text-align: center;
+    margin-bottom: 20px;
+    box-shadow: 
+      inset 0 0 10px rgb(180 179 179 / 50%); /* Light grey shading */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--ifm-background-color);
+    color: var(--ifm-font-color-base);
+    border-bottom: 2px solid transparent;
+    border-right: 2px solid transparent;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+    border-radius: 15px;
+  }
 
-.button {
-  display: inline-block;
-  padding: 10px 20px;
-  text-decoration: none;
-  transition: background-color 0.3s ease;
-  margin-top: 20px;
-  text-align: center;
-  color: var(--ifm-color-white);
-  background-color: #f8883b;
-  border-radius: 0.3rem;
-  font-weight: bold;
-  font-size: 0.9rem;
-}
-
-.button:hover {
-  color: var(--ifm-color-white);
-  background-color: #faa66c;
-}
+  .button {
+    display: inline-block;
+    padding: 10px 20px;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+    margin-top: 20px;
+    text-align: center;
+    color: var(--ifm-color-white);
+    background-color: #F8883B;
+    border-radius: 0.3rem;
+    font-weight: bold;
+    font-size: 0.90rem;
+  }
+  
+  .button:hover {
+    color: var(--ifm-color-white);
+    background-color: #FAA66C;
+  }
diff --git a/src/components/Banner/index.tsx b/src/components/Banner/index.tsx
@@ -13,17 +13,15 @@ const Banner: React.FC<BannerProps> = ({ children }) => {
       <Link
         to="https://app.infura.io/register"
         target="_blank"
-        rel="noopener noreferrer"
-      >
+        rel="noopener noreferrer">
         <div className={`${styles.button} margin-top--xs`}>
           Sign up&nbsp;
           <svg
             width="13.5"
             height="13.5"
             aria-hidden="true"
             viewBox="0 0 24 24"
-            className="iconExternalLink_node_modules-@docusaurus-theme-classic-lib-theme-Icon-ExternalLink-styles-module"
-          >
+            className="iconExternalLink_node_modules-@docusaurus-theme-classic-lib-theme-Icon-ExternalLink-styles-module">
             <path
               fill="currentColor"
               d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"

diff --git a/src/components/Card.module.css b/src/components/Card.module.css
@@ -9,6 +9,6 @@
 }
 
 .root:hover {
-  border-color: #1098fc;
+  border-color: #1098FC;
   box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%);
 }
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
@@ -13,11 +13,9 @@ export default function Card({ title, link, description }: CardItem) {
   return (
     <div className="col col--6 margin-bottom--lg">
       <Link className={clsx(styles.root, "card")} href={link}>
-        <div className="card__header">
-          <h3>{title}</h3>
-        </div>
+        <div className="card__header"><h3>{title}</h3></div>
         <div className="card__body">{description}</div>
       </Link>
     </div>
   );
-}
+}
diff --git a/src/components/CardList/CardListItem/index.tsx b/src/components/CardList/CardListItem/index.tsx
@@ -20,23 +20,32 @@ export default function CardListItem({ item }: CardListItemProps): JSX.Element {
     <>
       {item.title && (
         <h2 className={clsx(styles.cardTitle)}>
-          {item.icon && <img src={item.icon} className={styles.cardIcon} />}
+          {item.icon && (
+            <img src={item.icon} className={styles.cardIcon} />
+          )}
           <span>{item.title}</span>
         </h2>
       )}
-      {item.description && <p>{item.description}</p>}
+      {item.description && (
+        <p>
+          {item.description}
+        </p>
+      )}
     </>
   );
-
-  const rootClassName = clsx("card", "padding--lg", styles.cardContainer, {
-    [styles.flaskOnly]: item.flaskOnly,
-  });
+
+  const rootClassName = clsx(
+    "card",
+    "padding--lg",
+    styles.cardContainer,
+    {
+      [styles.flaskOnly]: item.flaskOnly,
+    },
+  );
 
   if (item.href) {
     return (
-      <Link className={rootClassName} href={item.href}>
-        {cardContent}
-      </Link>
+      <Link className={rootClassName} href={item.href}>{cardContent}</Link>
     );
   }
 

diff --git a/src/components/CardList/CardListItem/styles.module.css b/src/components/CardList/CardListItem/styles.module.css
@@ -21,8 +21,8 @@
   content: "Flask";
   border-bottom-left-radius: var(--ifm-card-border-radius);
   position: absolute;
-  top: 0;
-  right: 0;
+  top:0;
+  right:0;
   padding: 0.1rem 0.75rem;
   font-weight: 500;
   background-color: var(--mm-flask-background-color);
@@ -48,4 +48,4 @@
   width: 24px;
   height: 24px;
   margin-right: 8px;
-}
+}
diff --git a/src/components/CardSection.tsx b/src/components/CardSection.tsx
@@ -5,52 +5,38 @@ const CardList: CardItem[] = [
   {
     title: "Wallet",
     link: "/wallet",
-    description: (
-      <>
-        Integrate your dapp with MetaMask using the Wallet API. You can interact
-        with your users&apos; Ethereum accounts from multiple dapp platforms.
-      </>
-    ),
+    description: (<>
+      Integrate your dapp with MetaMask using the Wallet API. You can interact with your users&apos; Ethereum accounts from multiple dapp platforms.
+    </>),
   },
   {
     title: "Snaps",
     link: "/snaps",
-    description: (
-      <>
-        Extend the functionality of MetaMask using Snaps. You can create a Snap
-        to add support for custom networks, account types, APIs, and more.
-      </>
-    ),
+    description: (<>
+      Extend the functionality of MetaMask using Snaps. You can create a Snap to add support for custom networks, account types, APIs, and more.
+    </>),
   },
   {
     title: "Services",
     link: "/services",
-    description: (
-      <>
-        Power your dapp or Snap using services provided by MetaMask and Infura.
-        This includes APIs aimed at optimizing essential development tasks.
-      </>
-    ),
+    description: (<>
+      Power your dapp or Snap using services provided by MetaMask and Infura. This includes APIs aimed at optimizing essential development tasks.
+    </>),
   },
   {
     title: "Infura dashboard",
     link: "/developer-tools/dashboard",
-    description: (
-      <>
-        Use the Infura dashboard as a central hub for managing your Infura API
-        keys, monitoring usage, and accessing account and billing information.
-      </>
-    ),
+    description: (<>
+      Use the Infura dashboard as a central hub for managing your Infura API keys, monitoring usage, and accessing account and billing information.
+    </>),
   },
 ];
 
 export default function CardSection(): JSX.Element {
   return (
     <section className="container margin-top--sm margin-bottom--lg">
       <div className="row">
-        {CardList.map((props, idx) => (
-          <Card key={idx} {...props} />
-        ))}
+        {CardList.map((props, idx) => (<Card key={idx} {...props} />))}
       </div>
     </section>
   );

diff --git a/src/components/CodeTerminal/AlertMsg.jsx b/src/components/CodeTerminal/AlertMsg.jsx
@@ -28,9 +28,8 @@ export const INFO_MSG = {
       <>
         Your request has been sent to the network endpoint you selected which
         returned a response with the requested information. Let’s see how it
-        performed in <Link to={`${API_URL}/dashboard/stats`}>stats</Link> or
-        dive into{" "}
-        <Link to="https://docs.infura.io/dashboard-stats">stats docs</Link>.
+        performed in <Link to={`${API_URL}/dashboard/stats`}>stats</Link> or dive
+        into <Link to="https://docs.infura.io/dashboard-stats">stats docs</Link>.
       </>
     ),
   },
@@ -52,8 +51,8 @@ export const INFO_MSG = {
     description: (
       <>
         You don’t have any API Keys yet.{" "}
-        <Link to={`${API_URL}/dashboard`}>Create an API key</Link> to access
-        your keys and send requests.
+        <Link to={`${API_URL}/dashboard`}>Create an API key</Link> to access your
+        keys and send requests.
       </>
     ),
   },
@@ -63,8 +62,7 @@ export const INFO_MSG = {
     title: "Access Denied",
     description: (
       <>
-        The API key selected is not authorized for this specific product. To
-        enable access, please add this product to your API key through the{" "}
+        The API key selected is not authorized for this specific product. To enable access, please add this product to your API key through the{" "}
         <Link to={`${API_URL}/dashboard`}>Infura Dashboard</Link>
       </>
     ),