📊 Added a scaffold for stats

This commit is contained in:
2022-02-10 21:44:06 -08:00
parent df2d336b48
commit 033c59e2d0
5 changed files with 16 additions and 9 deletions

View File

@@ -20,7 +20,7 @@
"@bluelovers/fast-glob": "https://github.com/rishighan/fast-glob-v2-api.git", "@bluelovers/fast-glob": "https://github.com/rishighan/fast-glob-v2-api.git",
"@dnd-kit/core": "^4.0.0", "@dnd-kit/core": "^4.0.0",
"@dnd-kit/sortable": "^5.0.0", "@dnd-kit/sortable": "^5.0.0",
"@fortawesome/fontawesome-free": "^6.0.0-beta2", "@fortawesome/fontawesome-free": "^6.0.0",
"@types/mime-types": "^2.1.0", "@types/mime-types": "^2.1.0",
"@types/react": "^17.0.3", "@types/react": "^17.0.3",
"@types/react-dom": "^17.0.2", "@types/react-dom": "^17.0.2",

View File

@@ -44,7 +44,7 @@ pre {
// Dashboard // Dashboard
// Comic Detail // Comic Detail
.stats-palette { .stats-palette {
background-color: #fff6de; background-color: ghostwhite;
display: inline-block; display: inline-block;
p { p {
display: flex; display: flex;

View File

@@ -50,8 +50,15 @@ export const Dashboard = (): ReactElement => {
</dl> </dl>
</div> </div>
<div className="box stats-palette p-3 column ml-5 is-one-quarter"> <div className="box stats-palette p-3 column ml-5">
asdasd <dl>
<dd className="is-size-6">
<span className="has-text-weight-bold">1320</span> Issues
</dd>
<dd className="is-size-6">
<span className="has-text-weight-bold">304</span> Volumes
</dd>
</dl>
</div> </div>
</div> </div>
<RecentlyImported comicBookCovers={recentComics} /> <RecentlyImported comicBookCovers={recentComics} />

View File

@@ -68,7 +68,7 @@ export const RecentlyImported = ({
{/* Raw file presence */} {/* Raw file presence */}
{isNil(rawFileDetails) && ( {isNil(rawFileDetails) && (
<span className="icon has-text-info"> <span className="icon has-text-info">
<i className="fas fa-adjust" /> <i className="has-text-danger fa-regular fa-circle"></i>
</span> </span>
)} )}
{/* Issue type */} {/* Issue type */}

View File

@@ -1183,10 +1183,10 @@
minimatch "^3.0.4" minimatch "^3.0.4"
strip-json-comments "^3.1.1" strip-json-comments "^3.1.1"
"@fortawesome/fontawesome-free@^6.0.0-beta2": "@fortawesome/fontawesome-free@^6.0.0":
version "6.0.0-beta3" version "6.0.0"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.0.0-beta3.tgz#120e4a158a0de983924ce151bc35f27de46398b7" resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.0.0.tgz#6f3bd8e42997c7d536a1246877ed8bcd4f005a54"
integrity sha512-4SqOuhC8tSLeQvbW1nDmq6T7+8vdSgHy/w7PRwCFzMQCbKuYFIir/3UuWsV1QblX1lt7SGlSgwbaCv9XhRt8HA== integrity sha512-6LB4PYBST1Rx40klypw1SmSDArjFOcfBf2LeX9Zg5EKJT2eXiyiJq+CyBYKeXyK0sXS2FsCJWSPr/luyhuvh0Q==
"@gar/promisify@^1.0.1": "@gar/promisify@^1.0.1":
version "1.1.2" version "1.1.2"