Merge pull request #22 from flotiq/feature/fix-typo

rename alignement to alignment
flotiq · Feb 21, 2022 · c5b270c · c5b270c
2 parents 7e75da5 + 9e1c700
commit c5b270c
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 20 deletions.
diff --git a/src/components/Content/Content.js b/src/components/Content/Content.js
@@ -45,7 +45,7 @@ const Content = ({
                     level={block.data.level}
                     text={block.data.text}
                     anchor={block.data.anchor}
-                    alignement={block.tunes?.alignmentTuneTool?.alignment}
+                    alignment={block.tunes?.alignmentTuneTool?.alignment}
                     {...headerProps}
                     key={block.id}
                 />
@@ -54,7 +54,7 @@ const Content = ({
             return (
                 <Paragraph
                     text={block.data.text}
-                    alignement={block.tunes?.alignementTuneTool?.alignement}
+                    alignment={block.tunes?.alignmentTuneTool?.alignment}
                     {...paragraphProps}
                     key={block.id}
                 />

diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
@@ -8,7 +8,7 @@ const Header = ({
     level,
     text,
     anchor,
-    alignement,
+    alignment,
     additionalClasses,
     h1AdditionalClasses,
     h2AdditionalClasses,
@@ -28,7 +28,7 @@ const Header = ({
         5: ['text-lg font-bold pt-2 pb-1', ...h5AdditionalClasses].join(' '),
         6: ['text-base font-bold pt-1', ...h6AdditionalClasses].join(' '),
     };
-    const alignementClass = {
+    const alignmentClass = {
         left: 'text-left',
         center: 'text-center',
         right: 'text-right',
@@ -37,15 +37,15 @@ const Header = ({
     return (
         React.isValidElement(text) ? (
             <HeaderToRender
-                className={[sizeClass[safeLevel], alignementClass[alignement], ...additionalClasses].join(' ')}
+                className={[sizeClass[safeLevel], alignmentClass[alignment], ...additionalClasses].join(' ')}
                 id={anchor}
                 {...props}
             >
                 {text}
             </HeaderToRender>
         ) : (
             <HeaderToRender
-                className={[sizeClass[safeLevel], alignementClass[alignement], ...additionalClasses].join(' ')}
+                className={[sizeClass[safeLevel], alignmentClass[alignment], ...additionalClasses].join(' ')}
                 dangerouslySetInnerHTML={{ __html: text }}
                 id={anchor}
                 {...props}
@@ -68,9 +68,9 @@ Header.propTypes = {
      */
     anchor: PropTypes.string,
     /**
-     * Header alignement
+     * Header alignment
      */
-    alignement: PropTypes.oneOf(['left', 'center', 'right']),
+    alignment: PropTypes.oneOf(['left', 'center', 'right']),
     /**
      * Additional classes for header (all levels)
      */
@@ -104,7 +104,7 @@ Header.propTypes = {
 Header.defaultProps = {
     level: 1,
     anchor: '',
-    alignement: 'left',
+    alignment: 'left',
     additionalClasses: [],
     h1AdditionalClasses: [],
     h2AdditionalClasses: [],

diff --git a/src/components/Paragraph/Paragraph.js b/src/components/Paragraph/Paragraph.js
@@ -4,22 +4,22 @@ import PropTypes from 'prop-types';
 /**
  * Component for standard text
  */
-const Paragraph = ({ text, alignement, additionalClasses, ...props }) => {
-    const alignementClass = {
+const Paragraph = ({ text, alignment, additionalClasses, ...props }) => {
+    const alignmentClass = {
         left: 'text-left',
         center: 'text-center',
         right: 'text-right',
     };
     return React.isValidElement(text) ? (
         <p
-            className={['py-2', alignementClass[alignement], ...additionalClasses].join(' ')}
+            className={['py-2', alignmentClass[alignment], ...additionalClasses].join(' ')}
             {...props}
         >
             {text}
         </p>
     ) : (
         <p
-            className={['py-2', alignementClass[alignement], ...additionalClasses].join(' ')}
+            className={['py-2', alignmentClass[alignment], ...additionalClasses].join(' ')}
             dangerouslySetInnerHTML={{ __html: text }}
             {...props}
         />
@@ -32,17 +32,17 @@ Paragraph.propTypes = {
      */
     text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
     /**
-     * Paragraph alignement
+     * Paragraph alignment
      */
-    alignement: PropTypes.oneOf(['left', 'center', 'right']),
+    alignment: PropTypes.oneOf(['left', 'center', 'right']),
     /**
      * Additional classes for paragraph
      */
     additionalClasses: PropTypes.arrayOf(PropTypes.string),
 };
 
 Paragraph.defaultProps = {
-    alignement: 'left',
+    alignment: 'left',
     additionalClasses: [],
 };
 

diff --git a/src/stories/Header.stories.js b/src/stories/Header.stories.js
@@ -8,7 +8,7 @@ export default {
     component: Header,
     // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
     argTypes: {
-        alignement: { control: 'select' },
+        alignment: { control: 'select' },
     },
 };
 
@@ -28,7 +28,7 @@ Level2.args = {
     ...Header.defaultProps,
     level: 2,
     text: 'What is a <b>CMS</b>',
-    alignement: 'center',
+    alignment: 'center',
 };
 
 export const Level3 = Template.bind({});
@@ -37,7 +37,7 @@ Level3.args = {
     ...Header.defaultProps,
     level: 3,
     text: 'Heading 3',
-    alignement: 'right',
+    alignment: 'right',
 };
 
 export const Level4 = Template.bind({});

diff --git a/src/stories/Paragraph.stories.js b/src/stories/Paragraph.stories.js
@@ -8,7 +8,7 @@ export default {
     component: Paragraph,
     // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
     argTypes: {
-        alignement: { control: 'select' },
+        alignment: { control: 'select' },
     },
 };