From ad07d859444ed1e59bf4518079b2d241091ac181 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 2 Jun 2022 01:06:21 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=96=BC=20Added=20descriptive=20icons=20ne?=
 =?UTF-8?q?xt=20to=20dashboard=20headers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/Dashboard/LibraryStatistics.tsx | 4 +++-
 src/client/components/Dashboard/PullList.tsx          | 4 +++-
 src/client/components/Dashboard/RecentlyImported.tsx  | 6 ++++--
 src/client/components/Dashboard/VolumeGroups.tsx      | 4 +++-
 src/client/components/Dashboard/WantedComicsList.tsx  | 2 +-
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/client/components/Dashboard/LibraryStatistics.tsx b/src/client/components/Dashboard/LibraryStatistics.tsx
index f216fe6..bcb181f 100644
--- a/src/client/components/Dashboard/LibraryStatistics.tsx
+++ b/src/client/components/Dashboard/LibraryStatistics.tsx
@@ -8,7 +8,9 @@ export const LibraryStatistics = (
   // const { stats } = props;
   return (
     <>
-      <h4 className="title is-4 mt-2">Statistics</h4>
+      <h4 className="title is-4 mt-2">
+        <i className="fa-solid fa-chart-simple"></i> Statistics
+      </h4>
       <p className="subtitle is-7">A brief snapshot of your library.</p>
       <div className="columns is-multiline">
         <div className="column is-narrow is-two-quarter">
diff --git a/src/client/components/Dashboard/PullList.tsx b/src/client/components/Dashboard/PullList.tsx
index 7377ad3..1f7472b 100644
--- a/src/client/components/Dashboard/PullList.tsx
+++ b/src/client/components/Dashboard/PullList.tsx
@@ -88,7 +88,9 @@ export const PullList = ({ issues }: PullListProps): ReactElement => {
   return (
     <>
       <div className="content">
-        <h4 className="title is-4">Discover</h4>
+        <h4 className="title is-4">
+          <i className="fa-solid fa-splotch"></i> Discover
+        </h4>
         <p className="subtitle is-7">
           Pull List aggregated for the week from League Of Comic Geeks
         </p>
diff --git a/src/client/components/Dashboard/RecentlyImported.tsx b/src/client/components/Dashboard/RecentlyImported.tsx
index 3539736..395814f 100644
--- a/src/client/components/Dashboard/RecentlyImported.tsx
+++ b/src/client/components/Dashboard/RecentlyImported.tsx
@@ -28,8 +28,10 @@ export const RecentlyImported = ({
 
   return (
     <>
-      <div className="content">
-        <h4 className="title is-4">Recently Imported</h4>
+      <div className="content mt-5">
+        <h4 className="title is-4">
+          <i className="fa-solid fa-file-arrow-down"></i> Recently Imported
+        </h4>
         <p className="subtitle is-7">
           Recent Library activity such as imports, tagging, etc.
         </p>
diff --git a/src/client/components/Dashboard/VolumeGroups.tsx b/src/client/components/Dashboard/VolumeGroups.tsx
index 3da79c7..ab45b45 100644
--- a/src/client/components/Dashboard/VolumeGroups.tsx
+++ b/src/client/components/Dashboard/VolumeGroups.tsx
@@ -22,7 +22,9 @@ export const VolumeGroups = (props): ReactElement => {
     <section className="volumes-container mt-4">
       <div className="content">
         <a className="mb-1" onClick={navigateToVolumes}>
-          <span className="is-size-4 has-text-weight-semibold">Volumes</span>
+          <span className="is-size-4 has-text-weight-semibold">
+            <i className="fa-solid fa-layer-group"></i> Volumes
+          </span>
           <span className="icon mt-1">
             <i className="fa-solid fa-angle-right"></i>
           </span>
diff --git a/src/client/components/Dashboard/WantedComicsList.tsx b/src/client/components/Dashboard/WantedComicsList.tsx
index 5105c9b..6c6095d 100644
--- a/src/client/components/Dashboard/WantedComicsList.tsx
+++ b/src/client/components/Dashboard/WantedComicsList.tsx
@@ -30,7 +30,7 @@ export const WantedComicsList = ({
       <div className="content">
         <a className="mb-1" onClick={navigateToWantedComics}>
           <span className="is-size-4 has-text-weight-semibold">
-            Wanted Comics
+          <i className="fa-solid fa-asterisk"></i> Wanted Comics
           </span>
           <span className="icon mt-1">
             <i className="fa-solid fa-angle-right"></i>