feat: added new use case for nonprofits (#2401)

# Description Added new navigation item for Use Case: Fixes #2400 ## Type of change - [x] New feature (non-breaking change which adds functionality) # How Has This Been Tested? - [x] Manual Test # Screenshots / Screen recording ![image](https://github.com/zesty-io/website/assets/70579069/3f8a8fcb-3d5f-4b32-a87a-e43aebcc03dd)
zesty-io · Mar 13, 2024 · d454d04 · d454d04
1 parent 326cce1
commit d454d04
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 3 deletions.
diff --git a/src/components/accounts/domains/DomainSettings.js b/src/components/accounts/domains/DomainSettings.js
@@ -43,7 +43,14 @@ export default function DomainSettings({ settings, getSettings }) {
             Custom Domain DNS Configuration
           </Typography>
           <Typography variant="body2" pb={2}>
-            After adding a domain, launch your site following this guide: <a href="https://zesty.org/tools/guides/how-to-launch-an-instance" target="_blank">DNS configuration</a>.
+            After adding a domain, launch your site following this guide:{' '}
+            <a
+              href="https://zesty.org/tools/guides/how-to-launch-an-instance"
+              target="_blank"
+            >
+              DNS configuration
+            </a>
+            .
           </Typography>
         </Grid>
       </Grid>

diff --git a/src/components/globals/constants.js b/src/components/globals/constants.js
@@ -2911,6 +2911,45 @@ export const flyoutNavigation = [
           sort_order: '2',
           main_or_blue_secondary_item: '1',
         },
+        {
+          nav_item_name: 'Nonprofits',
+          page_link: {
+            type: 'relationship',
+            model: 'for_industry_pages',
+            totalItems: 1,
+            data: [[]],
+          },
+          external_link_if_needed: '/use-case/nonprofits-cms/',
+          parent_nav_item: {
+            type: 'relationship',
+            model: 'sub_nav2022',
+            totalItems: 1,
+            data: [
+              {
+                nav_item_name: 'By industry',
+                page_link: null,
+                external_link_if_needed: null,
+                parent_nav_item: null,
+                icon_image: null,
+                sort_order: '1',
+                main_or_blue_secondary_item: '0',
+              },
+            ],
+          },
+          icon_image: {
+            type: 'images',
+            totalItems: 1,
+            data: [
+              {
+                type: 'image',
+                zuid: '3-114d52a5-jrh9bp',
+                url: 'https://kfg6bckb.media.zestyio.com/Nonprofits.png',
+              },
+            ],
+          },
+          sort_order: '1',
+          main_or_blue_secondary_item: '1',
+        },
         {
           nav_item_name: 'Insurance',
           page_link: {
@@ -11196,6 +11235,11 @@ export const navigationTree = [
     title: 'Headless CMS for gaming companies',
     zuid: '7-dca3f4afc3-67d595',
   },
+  {
+    url: '/use-case/nonprofits-cms/',
+    title: 'Zesty.io for nonprofits',
+    zuid: '7-f8a4b3a3fa-gmkpnh',
+  },
   {
     url: '/use-case/insurance-cms/',
     title: 'Zesty.io for insurance companies',

diff --git a/src/components/marketing/ForPersonas/UseCase.js b/src/components/marketing/ForPersonas/UseCase.js
@@ -125,7 +125,7 @@ const UseCase = ({ header, data }) => {
               <Stack order={1} justifyContent="center">
                 <Box
                   component="img"
-                  src={item.icon_image}
+                  src={item.icon_image || FillerContent.image}
                   sx={(theme) => ({
                     [theme.breakpoints.up('xs')]: {
                       objectFit: 'contain',

diff --git a/src/views/zesty/ForPersonasPage.js b/src/views/zesty/ForPersonasPage.js
@@ -164,7 +164,7 @@ function ForPersonasPage({ content }) {
         logoItems={content?.client_logos?.data}
       />
       <TabsSection tabs={content?.features_options} />
-      <CaseStudy {...caseStudyProps} />
+      {content?.case_studies && <CaseStudy {...caseStudyProps} />}
       <SingleTestimonial />
       {content.integrations_title && content.integrations_logos && (
         <TechStack {...logoSliderProps} />