Support bullet point lists

InfuseAI · Aug 31, 2023 · 2c1dffb · 2c1dffb
1 parent 57d8c62
commit 2c1dffb
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 8 deletions.
diff --git a/src/components/FeatureFeatures.jsx b/src/components/FeatureFeatures.jsx
@@ -10,6 +10,14 @@ import { track } from "@amplitude/analytics-browser";
 import { Text, Icon, Spacer, Button } from '@chakra-ui/react'
 import { useDisclosure } from '@chakra-ui/react'
 import { Modal, ModalOverlay, ModalContent, ModalHeader, ModalFooter, ModalBody, ModalCloseButton } from '@chakra-ui/react'
+import {
+  List,
+  ListItem,
+  ListIcon,
+  OrderedList,
+  UnorderedList,
+} from '@chakra-ui/react'
+import { BsFillCheckCircleFill } from 'react-icons/bs'
 
 /////////////////////////////////////////////////////////////
 
@@ -48,8 +56,18 @@ export function FeatureFeatures({features}) {
             <div key={index} className="w-full flex flex-col md:flex-row md:space-x-6 md:items-center">
               <div className="flex-1 p-4">
                 <div className="p-8 max-w-md mx-auto">
-                  <h2 className="text-4xl font-display mb-2 leading-tight">{feature.title}</h2>
-                  <p className="leading-relaxed my-4">{feature.description}</p>
+                  <h2 className="text-3xl font-display mb-2 leading-tight mb-4">{feature.title}</h2>
+                  {feature.description && (
+                    <p className="leading-relaxed my-4">{feature.description}</p>
+                  )}
+                  <UnorderedList pl={2} styleType="none" >
+                    {feature.points.map((point, point_index) => (
+                      <ListItem key={point_index} my='2' className='leading-relaxed' position='relative'>
+                        <ListIcon as={BsFillCheckCircleFill} color='orange.500' position='absolute' left='-23px' top='5px' />
+                        {point}
+                      </ListItem>
+                    ))}
+                  </UnorderedList>
                 </div>
               </div>
               <div 

diff --git a/src/pages/feature-template.jsx b/src/pages/feature-template.jsx
@@ -55,8 +55,7 @@ export default function DiscordPage() {
                             [
                               {
                                 title: "Check data impacts and avoid bad deployments",
-                                description:
-                                  "Instantly evaluate downstream effects before finalizing any merges, right from Pull Requests! Say goodbye to breaking changes in Prod!",
+                                description: null,
                                 points: [
                                     "See the data impact of every code change",
                                     "Data Impact Summaries for revealing unexpected discrepancies at a glance",
@@ -66,8 +65,7 @@ export default function DiscordPage() {
                               },
                               {
                                 title: "Identify and fix unexpected data issues quickly",
-                                description:
-                                  "Seize control over your data quality! Identify and rectify unexpected impacts swiftly with our sophisticated Lineage Diff!",
+                                description: null,
                                 points: [
                                     "Spot any unexpected data discrepancies instantly in Impact Summaries",
                                     "Quickly perform Root Cause Analysis with quick links to the right place",
@@ -77,8 +75,7 @@ export default function DiscordPage() {
                               },
                               {
                                 title: "Seamless integration with Pull Requests",
-                                description:
-                                  "Keep stakeholders informed of upcoming changes that matter to them. Automate alerts on business-critical assets like dbt Metrics, Exposures and BI Dashboards!",
+                                description: null,
                                 points: [
                                     "Embeds into Pull Requests for effortless code reviews and CI/CD",
                                     "Data Impact Summaries everywhere you need them, from PR, to CI, to online reports",