Add PrimeIcons docs

ririv · Jun 18, 2018 · 10ace1e · 10ace1e
1 parent 8ea18de
commit 10ace1e
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -32,7 +32,7 @@
     "moment": "^2.17.1",
     "nanoscroller": "^0.8.7",
     "prop-types": "^15.5.0",
-    "primeicons": "1.0.0-beta.7",
+    "primeicons": "1.0.0-beta.8",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-router-dom": "^4.2.2",

diff --git a/src/showcase/home/HomeComponent.js b/src/showcase/home/HomeComponent.js
@@ -83,12 +83,12 @@ export class HomeComponent extends Component {
                 </div>
                 <div className="templates">
                     <h3>Free Application Template for PrimeReact</h3>
-                    <p>Based on <a href="https://github.com/facebookincubator/create-react-app">create-react-app</a>, develop awesome applications in no time using the free Sigma template and impress your users.</p>
+                    <p>Sigma is a free and open source admin template based on <a href="https://github.com/facebookincubator/create-react-app">create-react-app</a>.</p>
 
                     <div className="ui-g">
                         <div className="ui-g-12">
                             <a href="https://www.primefaces.org/sigma-react">
-                                <img alt="Serenity" src="showcase/resources/images/layouts/sigma-biggest.jpg" />
+                                <img alt="Sigma" src="showcase/resources/images/layouts/sigma-biggest.jpg" />
                             </a>
                         </div>
                     </div>

diff --git a/src/showcase/icons/IconsPage.js b/src/showcase/icons/IconsPage.js
@@ -9,7 +9,7 @@ export class IconsPage extends Component {
                 <div className="content-section introduction">
                     <div className="feature-intro">
                         <h1>Icons</h1>
-                        <p>PrimeNG components internally use <a href="https://github.com/primefaces/primeicons">PrimeIcons</a> library, the official icons suite from <a href="https://www.primetek.com.tr">PrimeTek</a>.</p>
+                        <p>PrimeReact components internally use <a href="https://github.com/primefaces/primeicons">PrimeIcons</a> library, the official icons suite from <a href="https://www.primetek.com.tr">PrimeTek</a>.</p>
                     </div>
                 </div>
 
@@ -299,13 +299,33 @@ export class IconsPage extends Component {
                             <i class="pi pi-window-minimize"></i>
                             <div>pi-window-minimize</div>
                         </div>
+                        <div class="ui-g-12 ui-md-2">
+                            <i class="pi pi-refresh"></i>
+                            <div>pi-refresh</div>
+                        </div>
                         <div class="ui-g-12 ui-md-2">
                             <i class="pi pi-user"></i>
                             <div>pi-user</div>
                         </div>
                         <div class="ui-g-12 ui-md-2">
-                            <i class="pi pi-refresh"></i>
-                            <div>pi-refresh</div>
+                            <i class="pi pi-user-plus"></i>
+                            <div>pi-user-plus</div>
+                        </div>
+                        <div class="ui-g-12 ui-md-2">
+                            <i class="pi pi-user-minus"></i>
+                            <div>pi-user-minus</div>
+                        </div>
+                        <div class="ui-g-12 ui-md-2">
+                            <i class="pi pi-users"></i>
+                            <div>pi-users</div>
+                        </div>
+                        <div class="ui-g-12 ui-md-2">
+                            <i class="pi pi-clock"></i>
+                            <div>pi-clock</div>
+                        </div>
+                        <div class="ui-g-12 ui-md-2">
+                            <i class="pi pi-trash"></i>
+                            <div>pi-trash</div>
                         </div>
                     </div>
 

diff --git a/src/showcase/setup/SetupPage.js b/src/showcase/setup/SetupPage.js
@@ -107,8 +107,8 @@ primereact/components/autocomplete/AutoComplete.css
                     <p>If you are using a bundler such as webpack with a css loader you may also import them to your main application component, an example from create-react-app would be.</p>
 <CodeHighlight className="javascript">
 {`
-import 'primereact/resources/primereact.min.css';
 import 'primereact/resources/themes/omega/theme.css';
+import 'primereact/resources/primereact.min.css';
 import 'primeicons/primeicons.css';
 
 `}