Merge pull request #12032 from rex4539/typos

fix: fix typos

Author: corwintines

docs/code-conventions.md

@@ -61,7 +61,7 @@ For the props type signature use the naming convention `<ComponentName>Props` to
 
 **Do not use `React.FC`** and instead annotate the props object directly. `React.FC` implies the `children` prop, but this is not always desired when there is a component that should not accept this prop. `React.FC` also does not allow for use of Generic types, or use of Generic type when doing type guarding like function overloading. It is also not generally recommended to use and [was removed from the create-react-app template](https://github.com/facebook/create-react-app/pull/8177).
 
-A positive side-effect to directly annoting the props object is for IDE intellisense where you can view the props when hovering over the component name to see it's signature.
+A positive side-effect to directly annotating the props object is for IDE intellisense where you can view the props when hovering over the component name to see it's signature.
 
 i.e. `const Component: ({ label, title, ...props }: ComponentProps) => React.JSX.Element`
 

public/content/developers/docs/nodes-and-clients/nodes-as-a-service/index.md

@@ -110,7 +110,7 @@ Here is a list of some of the most popular Ethereum node providers, feel free to
     - Analytics
 - [**BlockPI**](https://blockpi.io/)
   - [Docs](https://docs.blockpi.io/)
-  - Fetures
+  - Features
     - Robust & distributed node structure
     - Up to 40 HTTPS and WSS endpoints
     - Free signup package and monthly package

src/components/CardList.tsx

@@ -52,7 +52,7 @@ const Card = ({
   caption,
   link,
   image,
-  imageWidth = 20, // Set 20px as default image width, can be overrided if needed
+  imageWidth = 20, // Set 20px as default image width, can be overridden if needed
   alt,
   ...props
 }: CardProps) => {

src/components/Simulator/screens/SendReceive/SendSummary.tsx

@@ -77,7 +77,7 @@ export const SendSummary = ({
           <Text fontWeight="bold">est. about 12 seconds</Text>
         </Box>
         <Box>
-          <Text>Nework fees</Text>
+          <Text>Network fees</Text>
           <Text m={0} fontWeight="bold">
             {Intl.NumberFormat("en", {
               maximumFractionDigits: getMaxFractionDigitsUsd(usdFee),

src/data/developer-docs-links.yaml

@@ -1,7 +1,7 @@
 # This is the source file for developer documentation nav links
 # Each `id` value should map to an equivalent key in src/intl/${lang}.json file
 
-# To display item as a collapsable directory vs. a link
+# To display item as a collapsible directory vs. a link
 # use the `path` property (of the directory) vs. the `to` property
 - id: docs-nav-readme
   to: /developers/docs