Skip to content
This repository was archived by the owner on Mar 21, 2019. It is now read-only.

Commit 6717ef4

Browse files
JoelCDLJoelCDL
committed
install faker.js; replace columns comp static lorem with faker lorem
1 parent 95ae023 commit 6717ef4

File tree

3 files changed

+35
-28
lines changed

3 files changed

+35
-28
lines changed

‎app/jsx/components/ColumnsComp.jsx

+28-28
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
// ##### Columns Layout Component ##### //
22

33
import React from 'react'
4+
import faker from 'faker/locale/en'
45

56
class ColumnsComp extends React.Component {
67
render() {
@@ -10,14 +11,15 @@ class ColumnsComp extends React.Component {
1011
<div className="c-columns">
1112
<aside>
1213
<h3>Left Sidebar</h3>
13-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos quo error expedita nobis modi a non, accusantium, ut at assumenda. Obcaecati sequi ducimus sint tenetur laboriosam alias corporis temporibus error?</p>
14-
<p>Nemo doloremque, possimus neque ea suscipit consectetur, ducimus ad veritatis laborum quia sunt modi accusamus pariatur sed. Blanditiis est, distinctio ad aut, quo doloremque voluptatibus consequatur ipsa placeat dolorum necessitatibus?</p>
14+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
15+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
16+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
1517
</aside>
1618
<main>
1719
<h3>Main Content</h3>
18-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, saepe fugiat nihil molestias quam fugit harum suscipit, soluta debitis praesentium. Minus repudiandae debitis non dolore dignissimos, aliquam corporis ratione, quasi.</p>
19-
<p>Est itaque, expedita magnam voluptatem tempora quia odit quo natus labore! Deserunt libero culpa, sequi placeat nobis soluta aliquam. Quam cum itaque vero necessitatibus, aliquid saepe possimus. Esse laboriosam, voluptas.</p>
20-
<p>Minima a, ullam dignissimos beatae voluptatibus labore iure vero vitae blanditiis. Aliquid a at perspiciatis magnam facere harum totam molestias repellat nulla quis debitis, perferendis quaerat adipisci soluta ullam veniam.</p>
20+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
21+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
22+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
2123
</main>
2224
</div>
2325

@@ -26,16 +28,15 @@ class ColumnsComp extends React.Component {
2628
<div className="c-columns">
2729
<main>
2830
<h3>Main Content</h3>
29-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, saepe fugiat nihil molestias quam fugit harum suscipit, soluta debitis praesentium. Minus repudiandae debitis non dolore dignissimos, aliquam corporis ratione, quasi.</p>
30-
<p>Est itaque, expedita magnam voluptatem tempora quia odit quo natus labore! Deserunt libero culpa, sequi placeat nobis soluta aliquam. Quam cum itaque vero necessitatibus, aliquid saepe possimus. Esse laboriosam, voluptas.</p>
31-
<p>Minima a, ullam dignissimos beatae voluptatibus labore iure vero vitae blanditiis. Aliquid a at perspiciatis magnam facere harum totam molestias repellat nulla quis debitis, perferendis quaerat adipisci soluta ullam veniam.</p>
31+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
32+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
33+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
3234
</main>
3335
<aside>
3436
<h3>Right Sidebar</h3>
35-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt inventore aut quibusdam impedit qui beatae. Expedita inventore dignissimos doloremque veniam quod iusto voluptas debitis. Eius dolores reiciendis accusantium, doloremque illo.
36-
</p>
37-
<p>Optio distinctio nemo numquam dolorem rerum quae eum, ipsum amet repudiandae, cum a quibusdam magnam praesentium nostrum quidem eaque maiores ipsam. Iste voluptate similique sapiente totam sit, minus numquam enim?
38-
</p>
37+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
38+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
39+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
3940
</aside>
4041
</div>
4142

@@ -44,16 +45,15 @@ class ColumnsComp extends React.Component {
4445
<div className="c-columns">
4546
<main>
4647
<h3>Main Content</h3>
47-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, saepe fugiat nihil molestias quam fugit harum suscipit, soluta debitis praesentium. Minus repudiandae debitis non dolore dignissimos, aliquam corporis ratione, quasi.</p>
48-
<p>Est itaque, expedita magnam voluptatem tempora quia odit quo natus labore! Deserunt libero culpa, sequi placeat nobis soluta aliquam. Quam cum itaque vero necessitatibus, aliquid saepe possimus. Esse laboriosam, voluptas.</p>
49-
<p>Minima a, ullam dignissimos beatae voluptatibus labore iure vero vitae blanditiis. Aliquid a at perspiciatis magnam facere harum totam molestias repellat nulla quis debitis, perferendis quaerat adipisci soluta ullam veniam.</p>
48+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
49+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
50+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
5051
</main>
5152
<aside>
5253
<h3>Right Sidebar</h3>
53-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt inventore aut quibusdam impedit qui beatae. Expedita inventore dignissimos doloremque veniam quod iusto voluptas debitis. Eius dolores reiciendis accusantium, doloremque illo.
54-
</p>
55-
<p>Optio distinctio nemo numquam dolorem rerum quae eum, ipsum amet repudiandae, cum a quibusdam magnam praesentium nostrum quidem eaque maiores ipsam. Iste voluptate similique sapiente totam sit, minus numquam enim?
56-
</p>
54+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
55+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
56+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
5757
</aside>
5858
</div>
5959

@@ -62,21 +62,21 @@ class ColumnsComp extends React.Component {
6262
<div className="c-columns">
6363
<aside>
6464
<h3>Left Sidebar</h3>
65-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos quo error expedita nobis modi a non, accusantium, ut at assumenda. Obcaecati sequi ducimus sint tenetur laboriosam alias corporis temporibus error?</p>
66-
<p>Nemo doloremque, possimus neque ea suscipit consectetur, ducimus ad veritatis laborum quia sunt modi accusamus pariatur sed. Blanditiis est, distinctio ad aut, quo doloremque voluptatibus consequatur ipsa placeat dolorum necessitatibus?</p>
65+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
66+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
67+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
6768
</aside>
6869
<main>
6970
<h3>Main Content</h3>
70-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, saepe fugiat nihil molestias quam fugit harum suscipit, soluta debitis praesentium. Minus repudiandae debitis non dolore dignissimos, aliquam corporis ratione, quasi.</p>
71-
<p>Est itaque, expedita magnam voluptatem tempora quia odit quo natus labore! Deserunt libero culpa, sequi placeat nobis soluta aliquam. Quam cum itaque vero necessitatibus, aliquid saepe possimus. Esse laboriosam, voluptas.</p>
72-
<p>Minima a, ullam dignissimos beatae voluptatibus labore iure vero vitae blanditiis. Aliquid a at perspiciatis magnam facere harum totam molestias repellat nulla quis debitis, perferendis quaerat adipisci soluta ullam veniam.</p>
71+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
72+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
73+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
7374
</main>
7475
<aside>
7576
<h3>Right Sidebar</h3>
76-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt inventore aut quibusdam impedit qui beatae. Expedita inventore dignissimos doloremque veniam quod iusto voluptas debitis. Eius dolores reiciendis accusantium, doloremque illo.
77-
</p>
78-
<p>Optio distinctio nemo numquam dolorem rerum quae eum, ipsum amet repudiandae, cum a quibusdam magnam praesentium nostrum quidem eaque maiores ipsam. Iste voluptate similique sapiente totam sit, minus numquam enim?
79-
</p>
77+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
78+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
79+
<p>{faker.fake("{{lorem.paragraph}}")}</p>
8080
</aside>
8181
</div>
8282

‎package-lock.json

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
"connect-history-api-fallback": "^1.3.0",
2727
"css-loader": "^0.28.9",
2828
"extract-text-webpack-plugin": "^3.0.2",
29+
"faker": "^4.1.0",
2930
"file-loader": "^1.1.6",
3031
"flickity": "^2.0.5",
3132
"flickity-imagesloaded": "^2.0.0",

0 commit comments

Comments
 (0)