Add docusaurus-plugin-image-zoom

Author: dgarcia360

docs/configuration/private-previews.md

@@ -18,6 +18,9 @@ To make all previews private by default for all your integrations, follow these
 1. Log in to your PushPreview account.
 1. Navigate to the **Team** page.
 1. Turn on the **Private previews** option.
+
+    ![Enable private previews](../images/enable-private-previews.png)
+
 1. Save the changes.
 
 This setting ensures that every new preview generated will be private, accessible only to users with the appropriate permissions.
@@ -29,8 +32,15 @@ For more granular control, you can set privacy settings on a per-integration bas
 1. Log into your PushPreview account.
 1. Navigate to the **Integrations** page.
 1. Choose the integration you want to modify.
+
 1. Click **Edit**.
+
+    ![Edit integration](../images/edit-integration.png)
+
 1. Enable the **Private previews** option.
+
+    ![Enable private previews](../images/enable-private-previews.png)
+
 1. Save the changes.
 
 This option is ideal for teams that require different privacy levels for various integrations, allowing flexibility and control over who can access specific previews.

docs/images/edit-integration.png

@@ -1,11 +1,11 @@
 To ensure proper functioning of the PushPreview integration in your GitHub repository, follow these steps:
 
-![Preview changes](../../images/pushpreview-demo.png)
-
 1. Create a new pull request in your GitHub repository.
-1. Add the `preview` label to your new pull request.
+1. Add the `preview` label to your new pull request. If the label doesn’t exist, [create a new one](https://docs.github.com/en/issues/using-labels-and-milestones-to-track-work/managing-labels#creating-a-label).
+
+    ![Preview changes](../../images/pushpreview-demo.png)
+
 1. Wait briefly for PushPreview to process the pull request and post a comment in the pull request thread.
 1. Look for a comment from PushPreview containing a preview link. Click this link to view the changes.
 
-
 Congratulations on setting up PushPreview! Your users can now view live previews of changes in pull requests, enhancing collaboration and review efficiency.

docs/images/enable-private-previews.png

@@ -64,7 +64,8 @@ const config = {
         buttonPosition: 'center-right',
         modalPosition: 'sidebar-right'
       }
-    ]
+    ],
+    'docusaurus-plugin-image-zoom'
   ],
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
@@ -90,11 +91,22 @@ const config = {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
       },
+
+      zoom: {
+        selector: '.markdown img',
+        background: {
+          light: 'rgb(255, 255, 255)',
+          dark: 'rgb(50, 50, 50)'
+        },
+        config: {
+        }
+      }
     }),
     scripts: [
       'https://www.googletagmanager.com/gtag/js?id=G-1TMTNMCLSX',
       '/analytics.js'
     ],
+    
 
   };
 

docs/installation/_partials/verify-installation.mdx

@@ -21,6 +21,7 @@
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
     "docusaurus-lunr-search": "^2.3.2",
+    "docusaurus-plugin-image-zoom": "^0.1.4",
     "docusaurus-pushfeedback": "^0.1.7",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",