feat(docs-site) added snap logo (datahub-project#11522)

acryldata · Oct 3, 2024 · 86de271 · 86de271
1 parent b3c4374
commit 86de271
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 4 deletions.
diff --git a/docs-website/adoptionStoriesIndexes.json b/docs-website/adoptionStoriesIndexes.json
@@ -54,6 +54,12 @@
       "category": "B2B & B2C",
       "description": "Pinterest adopted a DataHub project to enhance metadata management for its big data query platform, facilitating better data navigation and understanding."
     },
+    {
+      "name": "Snap, Inc.",
+      "slug": "snap",
+      "imageUrl": "/img/logos/companies/snap.png",
+      "imageSize": "small"
+    },
     {
       "name": "Airtel",
       "slug": "airtel",

diff --git a/docs-website/src/pages/_components/Logos/index.js b/docs-website/src/pages/_components/Logos/index.js
@@ -171,7 +171,7 @@ export const CompanyLogos = () => (
       className={clsx("mySwiper", styles.companyWrapper)}
     >
       {companies
-        .filter((company) => company.imageUrl) // Filter companies with imageUrl
+        .filter((company) => company.imageUrl && company.link) // Filter companies with imageUrl and link
         .map((company, idx) => (
           <SwiperSlide key={idx}>
             {company.link ? (

diff --git a/docs-website/src/pages/index.js b/docs-website/src/pages/index.js
@@ -21,7 +21,7 @@ import CloseButton from "@ant-design/icons/CloseCircleFilled";
 
 const companyIndexes = require("../../adoptionStoriesIndexes.json");
 const companies = companyIndexes.companies;
-const keyCompanySlugs = ["netflix", "pinterest", "airtel", "notion", "optum"];
+const keyCompanySlugs = ["netflix", "pinterest", "notion", "snap", "optum"]; //, "airtel"];
 const keyCompanies = keyCompanySlugs
   .map((slug) => companies.find((co) => co.slug === slug))
   .filter((isDefined) => isDefined);
@@ -63,7 +63,13 @@ function Home() {
         </div>
         <div className="company_logos_list_wrapper">
           {keyCompanies.map((company) => (
-            <a href={`/adoption-stories#${company.slug}`}>
+            <a
+              href={
+                company.slug != "snap"
+                  ? `/adoption-stories#${company.slug}`
+                  : undefined
+              }
+            >
               <img
                 src={useBaseUrl(company.imageUrl)}
                 alt={company.name}
@@ -72,6 +78,9 @@ function Home() {
               />
             </a>
           ))}
+          <a href="/adoption-stories" class="more_link">
+            + More
+          </a>
         </div>
         {/* <div style={{ textAlign: "center", margin: "1rem" }}>
           <Link

diff --git a/docs-website/src/styles/global.scss b/docs-website/src/styles/global.scss
@@ -399,7 +399,7 @@ div[class^="announcementBar"] {
   .text {
     padding-right: 24px;
     color: #777;
-    font-size: 1.25rem;
+    font-size: 1.2rem;
     line-height: 1.5rem;
   }
 
@@ -409,6 +409,16 @@ div[class^="announcementBar"] {
     align-items: center;
     flex-grow: 1;
     justify-content: space-around;
+
+
+    .more_link {
+      font-size: 1.25rem;
+      color: #bbb;
+      font-weight: 600;
+      text-decoration: none;
+      position: relative;
+      top: -.4rem;
+    }
   }
   .company_logo {
     max-width: 80px;
@@ -486,6 +496,9 @@ div[class^="announcementBar"] {
     }
     .company_logos_list_wrapper {
       width: 100%;
+      .more_link {
+        display: none;
+      }
     }
     .company_logo {
       max-width: 60px;

diff --git a/docs-website/static/img/logos/companies/snap.png b/docs-website/static/img/logos/companies/snap.png