Merge pull request #3908 from Blargian/add_event_to_ad_close

Add a Galaxy event for the closing of the sidebar advert

Author: Blargian

docs/getting-started/install/install.mdx

@@ -25,7 +25,7 @@ import {galaxyOnClick} from '@site/src/lib/galaxy/galaxy'
     , security, reliability and upgrades."
     icon="cloud"
     infoText="Get started free"
-    infoUrl="https://auth.clickhouse.cloud/"
+    infoUrl="https://console.clickhouse.cloud/signUp?loc=docs-install-page-banner"
     isSelected
     onButtonClick={galaxyOnClick('docs.installCloudCallout.buttonClicked')}
     size="md"

src/theme/DocItem/TOC/Desktop/index.js

@@ -90,23 +90,29 @@ export default function DocItemTOCDesktop() {
 
       {
         !isClosed && title && description && href && label && (
-          <div className={styles.docCloudCardAd}>
-            <div className={styles.docCloudCardHeader}>
-              <h6>{title}</h6>
-              <button
-                className={styles.docCloudClose}
-                onClick={() => {
-                  setClosed(true)
-                  galaxyOnClick('docs.sidebarCloudAdvert.buttonClick')
-                  window.sessionStorage.setItem('doc-cloud-card-banner', 'closed');
-                }}>
-                <IconClose color="var(--ifm-color-emphasis-600)" width={10} height={10}/>
-              </button>
-            </div>
-            <p className={styles.docCloudCardContent}>{description}</p>
-            <a href={href} className={clsx(styles.docCloudCardLink, 'click-button primary-btn')}>{label}</a>
-          </div>
-        )
+              <div className={styles.docCloudCardAd}>
+                <div className={styles.docCloudCardHeader}>
+                  <h6>{title}</h6>
+                  <button
+                      className={styles.docCloudClose}
+                      onClick={() => {
+                        setClosed(true);
+                        galaxyOnClick('docs.sidebarCloudAdvert.advertDismissed');
+                        window.sessionStorage.setItem('doc-cloud-card-banner', 'closed');
+                      }}>
+                    <IconClose color="var(--ifm-color-emphasis-600)" width={10} height={10}/>
+                  </button>
+                </div>
+                <p className={styles.docCloudCardContent}>{description}</p>
+                <a
+                    href={href}
+                    className={clsx(styles.docCloudCardLink, 'click-button primary-btn')}
+                    onClick={()=>{galaxyOnClick('docs.sidebarCloudAdvert.clickedThrough');}}
+                >
+                    {label}
+                </a>
+              </div>
+          )
       }
     </div>
   );