frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🖼 Added descriptive icons next to dashboard headers

Browse Source
This commit is contained in:
Rishi Ghan
2022-06-02 01:06:21 -07:00
parent 32156a4efc
commit ad07d85944
5 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/components/Dashboard/LibraryStatistics.tsx
View File

@@ -8,7 +8,9 @@ export const LibraryStatistics = (
// const { stats } = props; // const { stats } = props;
return ( 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> <p className="subtitle is-7">A brief snapshot of your library.</p>
<div className="columns is-multiline"> <div className="columns is-multiline">
<div className="column is-narrow is-two-quarter"> <div className="column is-narrow is-two-quarter">

4
src/client/components/Dashboard/PullList.tsx
View File

@@ -88,7 +88,9 @@ export const PullList = ({ issues }: PullListProps): ReactElement => {
return ( return (
<> <>
<div className="content"> <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"> <p className="subtitle is-7">
Pull List aggregated for the week from League Of Comic Geeks Pull List aggregated for the week from League Of Comic Geeks
</p> </p>

6
src/client/components/Dashboard/RecentlyImported.tsx
View File

@@ -28,8 +28,10 @@ export const RecentlyImported = ({
return ( return (
<> <>
<div className="content"> <div className="content mt-5">
<h4 className="title is-4">Recently Imported</h4> <h4 className="title is-4">
<i className="fa-solid fa-file-arrow-down"></i> Recently Imported
</h4>
<p className="subtitle is-7"> <p className="subtitle is-7">
Recent Library activity such as imports, tagging, etc. Recent Library activity such as imports, tagging, etc.
</p> </p>

4
src/client/components/Dashboard/VolumeGroups.tsx
View File

@@ -22,7 +22,9 @@ export const VolumeGroups = (props): ReactElement => {
<section className="volumes-container mt-4"> <section className="volumes-container mt-4">
<div className="content"> <div className="content">
<a className="mb-1" onClick={navigateToVolumes}> <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"> <span className="icon mt-1">
<i className="fa-solid fa-angle-right"></i> <i className="fa-solid fa-angle-right"></i>
</span> </span>

2
src/client/components/Dashboard/WantedComicsList.tsx
View File

@@ -30,7 +30,7 @@ export const WantedComicsList = ({
<div className="content"> <div className="content">
<a className="mb-1" onClick={navigateToWantedComics}> <a className="mb-1" onClick={navigateToWantedComics}>
<span className="is-size-4 has-text-weight-semibold"> <span className="is-size-4 has-text-weight-semibold">
Wanted Comics <i className="fa-solid fa-asterisk"></i> Wanted Comics
</span> </span>
<span className="icon mt-1"> <span className="icon mt-1">
<i className="fa-solid fa-angle-right"></i> <i className="fa-solid fa-angle-right"></i>