diff --git a/www/components/chart.js b/www/components/chart.jsx
similarity index 100%
rename from www/components/chart.js
rename to www/components/chart.jsx
diff --git a/www/components/humanize.js b/www/components/humanize.jsx
similarity index 100%
rename from www/components/humanize.js
rename to www/components/humanize.jsx
diff --git a/www/components/layout.js b/www/components/layout.jsx
similarity index 89%
rename from www/components/layout.js
rename to www/components/layout.jsx
index 6d4cc75..8b76f55 100755
--- a/www/components/layout.js
+++ b/www/components/layout.jsx
@@ -27,7 +27,7 @@ const Layout = ({ children }) => {
                 <section className="navbar-section">
                     <Link href='/'>
                         <a className="btn btn-link">
-                            <img src={'/static/icons/ui/stats.svg'} alt={'overview'}/>
+                            <img src={'/static/icons/ui/trending.svg'} alt={'overview'}/>
                             <span className={'hide-sm'}> Overview</span>
                         </a>
                     </Link>
@@ -37,6 +37,12 @@ const Layout = ({ children }) => {
                             <span className={'hide-sm'}> New</span>
                         </a>
                     </Link>
+                    <Link href='/list'>
+                        <a className="btn btn-link">
+                            <img src={'/static/icons/ui/check.svg'} alt={'list'}/>
+                            <span className={'hide-sm'}> List</span>
+                        </a>
+                    </Link>
                 </section>
                 <section className="navbar-center hide-sm">
                     <b>{title}</b>
diff --git a/www/components/purchase.js b/www/components/purchase.jsx
similarity index 100%
rename from www/components/purchase.js
rename to www/components/purchase.jsx