Update Lorem placeholders to use FormattedMessage component

vtex-apps · Jul 25, 2019 · c990b3e · c990b3e
1 parent 60f5d67
commit c990b3e
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 18 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -26,5 +26,7 @@
   "docs/recipes/plugins": "Plugins Recipes",
   "docs/recipes/custom-blocks": "Custom Blocks Recipes",
   "docs/recipes/all": "All Recipes",
-  "docs/read-more": "Read more"
+  "docs/read-more": "Read more",
+  "docs/lorem": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel ligula sagittis, dignissim nisi non, interdum elit. Vivamus eget dolor egestas, hendrerit urna a, finibus enim. Phasellus mollis mollis dui ut mattis. In ut purus sem. Quisque volutpat ornare consequat.",
+  "docs/lorem-short": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod."
 }
diff --git a/messages/pt.json b/messages/pt.json
@@ -26,5 +26,7 @@
   "docs/recipes/plugins": "Plugins Recipes",
   "docs/recipes/custom-blocks": "Custom Blocks Recipes",
   "docs/recipes/all": "All Recipes",
-  "docs/read-more": "Read more"
+  "docs/read-more": "Read more",
+  "docs/lorem": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel ligula sagittis, dignissim nisi non, interdum elit. Vivamus eget dolor egestas, hendrerit urna a, finibus enim. Phasellus mollis mollis dui ut mattis. In ut purus sem. Quisque volutpat ornare consequat.",
+  "docs/lorem-short": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod."
 }
diff --git a/react/Home.tsx b/react/Home.tsx
@@ -42,8 +42,7 @@ const Home: FunctionComponent<InjectedIntlProps> = ({ intl }) => {
                   <FormattedMessage id="docs/build" />
                 </h1>
                 <p className="small c-on-base w-90 w-80-ns center mb8">
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
-                  do eiusmod.
+                  <FormattedMessage id="docs/lorem-short" />
                 </p>
                 <div className="w-90 w-80-ns center">
                   <div className="flex w-100">
@@ -74,8 +73,7 @@ const Home: FunctionComponent<InjectedIntlProps> = ({ intl }) => {
                         <FormattedMessage id="docs/recipes" />
                       </p>
                       <p className="c-muted-1">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-                        sed do eiusmod.
+                        <FormattedMessage id="docs/lorem-short" />
                       </p>
                     </div>
                     <div className="mh3">
@@ -87,8 +85,7 @@ const Home: FunctionComponent<InjectedIntlProps> = ({ intl }) => {
                         <FormattedMessage id="docs/our-components" />
                       </p>
                       <p className="c-muted-1">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-                        sed do eiusmod.
+                        <FormattedMessage id="docs/lorem-short" />
                       </p>
                     </div>
                     <div>
@@ -100,8 +97,7 @@ const Home: FunctionComponent<InjectedIntlProps> = ({ intl }) => {
                         <FormattedMessage id="docs/resources" />
                       </p>
                       <p className="c-muted-1">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-                        sed do eiusmod.
+                        <FormattedMessage id="docs/lorem-short" />
                       </p>
                     </div>
                   </div>

diff --git a/react/RecipesList.tsx b/react/RecipesList.tsx
@@ -69,11 +69,7 @@ const RecipesList: FunctionComponent<Props> = ({
                   <FormattedMessage id={`docs/recipes/${params.category}`} />
                 </h1>
                 <p className="small c-on-base w-90 w-80-ns center mb8">
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
-                  vel ligula sagittis, dignissim nisi non, interdum elit.
-                  Vivamus eget dolor egestas, hendrerit urna a, finibus enim.
-                  Phasellus mollis mollis dui ut mattis. In ut purus sem.
-                  Quisque volutpat ornare consequat.
+                  <FormattedMessage id="docs/lorem" />
                 </p>
                 <div className="w-90 w-80-ns center">
                   {RecipeListQuery.getRecipeList.map((recipe: Recipe) => (
@@ -108,7 +104,9 @@ interface Props {
 
 function getShortRecipePath(path: string) {
   // the path will always be something like: dist/vtex.docs-graphql/Recipes/<category>/<fileName>.md
-  return path.substring(31, path.length - 3)
+  const PATH_PREFIX = 'dist/vtex.docs-graphql/Recipes/'
+  const FILE_EXTENSION = '.md'
+  return path.substring(PATH_PREFIX.length, path.length - FILE_EXTENSION.length)
 }
 
 export default compose(

diff --git a/react/components/Community.tsx b/react/components/Community.tsx
@@ -17,8 +17,7 @@ const Community: FunctionComponent<InjectedIntlProps> = ({ intl }) => (
           <FormattedMessage id="docs/community-join" />
         </p>
         <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod.
+          <FormattedMessage id="docs/lorem-short" />
         </p>
       </div>
     </div>