From 1f5502ce23c8c7efb450d334785be0cc152dc26d Mon Sep 17 00:00:00 2001
From: rishighan <rishi.ghan@gmail.com>
Date: Sat, 5 Nov 2022 09:28:54 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=91=81=EF=B8=8F=20Added=20grid=20and=20ta?=
 =?UTF-8?q?bular=20view=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/Library/Library.tsx   | 20 ++++++++++++++++++++
 src/client/components/Library/SearchBar.tsx | 21 +--------------------
 2 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/client/components/Library/Library.tsx b/src/client/components/Library/Library.tsx
index 8a2f0a2..94edcd9 100644
--- a/src/client/components/Library/Library.tsx
+++ b/src/client/components/Library/Library.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from "react-router-dom";
 import { isEmpty, isNil, isUndefined } from "lodash";
 import MetadataPanel from "../shared/MetadataPanel";
 import SearchBar from "./SearchBar";
+import { Link } from "react-router-dom";
 import { useDispatch, useSelector } from "react-redux";
 import { searchIssue } from "../../actions/fileops.actions";
 import ellipsize from "ellipsize";
@@ -147,6 +148,25 @@ export const Library = (): ReactElement => {
               <p className="control">
                 <div className="button" onClick={() => goToNextPage()}> <i className="fas fa-chevron-right"></i> </div>
               </p>
+
+        <div className="field has-addons ml-5">
+          <p className="control">
+            <button className="button">
+              <span className="icon is-small">
+                <i className="fa-solid fa-list"></i>
+              </span>
+            </button>
+          </p>
+          <p className="control">
+            <button className="button">
+              <Link to="/library-grid">
+                <span className="icon is-small">
+                  <i className="fa-solid fa-image"></i>
+                </span>
+              </Link>
+            </button>
+          </p>
+        </div>
             </div>
           </nav>
         </div>
diff --git a/src/client/components/Library/SearchBar.tsx b/src/client/components/Library/SearchBar.tsx
index 6b133f0..089704c 100644
--- a/src/client/components/Library/SearchBar.tsx
+++ b/src/client/components/Library/SearchBar.tsx
@@ -56,26 +56,7 @@ export const SearchBar = (): ReactElement => {
           </form>
         )}
       />
-      {/* <div className="column one-fifth">
-        <div className="field has-addons">
-          <p className="control">
-            <button className="button">
-              <span className="icon is-small">
-                <i className="fa-solid fa-list"></i>
-              </span>
-            </button>
-          </p>
-          <p className="control">
-            <button className="button">
-              <Link to="/library-grid">
-                <span className="icon is-small">
-                  <i className="fa-solid fa-image"></i>
-                </span>
-              </Link>
-            </button>
-          </p>
-        </div>
-      </div> */}
+      
     </div>
   );
 };