More render capitlizations

ONEARMY · Jul 16, 2021 · f72181d · f72181d
1 parent cd0da74
commit f72181d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/src/components/EventCard/EventCard.tsx b/src/components/EventCard/EventCard.tsx
@@ -5,7 +5,7 @@ import { Button } from 'src/components/Button'
 import TagDisplay from 'src/components/Tags/TagDisplay/TagDisplay'
 import FlagIconEvents from 'src/components/Icons/FlagIcon/FlagIcon'
 import { IEvent } from '../../models/events.models'
-import { getMonth, getDay } from 'src/utils/helpers'
+import { getMonth, getDay, capitalizeFirstLetter } from 'src/utils/helpers'
 import { LinkTargetBlank } from '../Links/LinkTargetBlank/LinkTargetBlank'
 
 interface IProps {
@@ -76,7 +76,7 @@ export const EventCard = (props: IProps) => (
     >
       <Flex alignItems={'center'} width={1}>
         <Text bold color="black" fontSize={[3, 3, 4]}>
-          {props.event.title}
+          {capitalizeFirstLetter(props.event.title)}
         </Text>
       </Flex>
       <Text auxiliary width={1}>

diff --git a/src/pages/Howto/Content/Howto/Step/Step.tsx b/src/pages/Howto/Content/Howto/Step/Step.tsx
@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import { PureComponent } from 'react'
 import Linkify from 'react-linkify'
 import ReactPlayer from 'react-player'
 import { Box } from 'rebass'
@@ -8,6 +8,7 @@ import ImageGallery from 'src/components/ImageGallery'
 import Text from 'src/components/Text'
 import { IHowtoStep } from 'src/models/howto.models'
 import { IUploadedFileMeta } from 'src/stores/storage'
+import { capitalizeFirstLetter } from 'src/utils/helpers'
 import styled from 'styled-components'
 
 interface IProps {
@@ -57,11 +58,15 @@ export default class Step extends PureComponent<IProps> {
           >
             <Flex width={[1, 1, 4 / 9]} py={4} px={4} flexDirection={'column'}>
               <Heading medium mb={0}>
-                {step.title}
+                {/* HACK 2021-07-16 - new howtos auto capitalize title but not older */}
+                {capitalizeFirstLetter(step.title)}
               </Heading>
               <Box>
                 <Text preLine paragraph mt={3} color={'grey'}>
-                  <Linkify>{step.text}</Linkify>
+                  <Linkify>
+                    {/* HACK 2021-07-16 - new howtos auto capitalize title but not older */}
+                    {capitalizeFirstLetter(step.text)}
+                  </Linkify>
                 </Text>
               </Box>
             </Flex>

diff --git a/src/pages/Settings/content/formSections/UserInfos.section.tsx b/src/pages/Settings/content/formSections/UserInfos.section.tsx
@@ -100,7 +100,6 @@ export class UserInfosSection extends React.Component<IProps, IState> {
             <Field
               data-cy="info-description"
               name="about"
-              modifiers={{ capitalize: true }}
               component={TextAreaField}
               placeholder="Describe in details what you do and who you are. Write in English otherwise your profile won't be approved."
               validate={required}