Closed andycwilliams closed 7 months ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Getting bullet points and line breaks to render is proving unusually onerous. Do you have a preferred method?
Getting bullet points and line breaks to render is proving unusually onerous. Do you have a preferred method?
I would add the lines to be bulleted to a separate area in the object for urban systems.. something like
bulletedList: [
'Scalable, Open, Distributed, Secure, Transaction Platform.',
'Branded Community To Guarantee Interoperability Promise.',
'Citizen Oriented Identity” To Facilitate Secure Data Transactions.'
]
and then conditionally map it under the typography in the components as
{bulletedList &&
bulletedList.length > 0 &&
bulletedList.map((listItem, itemIndex) => (
<ListItem sx={{ display: 'list-item' }} key={itemIndex} variant="body2">
{listItem}
</ListItem>
))}
you will get something like
since I just did it to make this example I just pushed the code as well. It has some errors in console and needs to be added to smallScreen and formatted for that as well. If you can take it from here 😎 , if not I can polish this up when I have more time.
This PR:
Resolves #106
Adds URBAN.SYSTEMS to the list of secondary partners.
Screenshots (if applicable):
Future Steps/PRs Needed to Finish This Work (optional):
Determine whether their summary translates well enough from the original bulleted list to a single paragraph, or if more editing should be done.
This PR is currently slated to merge with main. Can be changed to merge with a new separate branch, if desired.