From eff18ba0c37635a46c44f60235cd29b5eaf2743d Mon Sep 17 00:00:00 2001
From: Djuri Baars <dsbaars@users.noreply.github.com>
Date: Wed, 18 Dec 2024 01:24:21 +0100
Subject: [PATCH] Add bitaxe icon and modify tests for it

---
 src/lib/style/app.scss                        |   4 ++++
 src/routes/Rendered.svelte                    |  21 ++++++++++++++++--
 static/bitaxe.webp                            | Bin 0 -> 2486 bytes
 .../screenshots/viewport-screenshots.spec.ts  |   5 ++++-
 4 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 static/bitaxe.webp

diff --git a/src/lib/style/app.scss b/src/lib/style/app.scss
index 8e9115c..53eeee8 100644
--- a/src/lib/style/app.scss
+++ b/src/lib/style/app.scss
@@ -299,3 +299,7 @@ nav {
 input[type='number'] {
 	text-align: right;
 }
+
+.lightMode .bitaxelogo {
+	filter: brightness(0) saturate(100%);
+}
diff --git a/src/routes/Rendered.svelte b/src/routes/Rendered.svelte
index 99c3a26..d2beb74 100644
--- a/src/routes/Rendered.svelte
+++ b/src/routes/Rendered.svelte
@@ -59,7 +59,7 @@
 					{/each} -->
 				</div>
 			{:else if char.startsWith('mdi')}
-				<div class="digit icon">
+				<div class={'digit icon' + (char.endsWith('bitaxe') ? ' icon-img' : '')}>
 					{#if char.endsWith('rocket')}
 						<RocketIcon></RocketIcon>
 					{/if}
@@ -69,6 +69,9 @@
 					{#if char.endsWith('bolt')}
 						<ZapIcon></ZapIcon>
 					{/if}
+					{#if char.endsWith('bitaxe')}
+						<img src="/bitaxe.webp" class="bitaxelogo" />
+					{/if}
 				</div>
 			{:else if char === 'STS'}
 				<div class="digit sats">S</div>
@@ -83,8 +86,22 @@
 	</div>
 </div>
 
-<style>
+<style lang="scss">
 	.icon {
 		fill: currentColor;
 	}
+
+	.btclock-wrapper .btclock .icon.icon-img {
+		// padding: 0 15px;
+		aspect-ratio: 1;
+		width: calc(100 / 7);
+
+		img {
+			max-width: 95%;
+		}
+	}
+
+	.bitaxelogo {
+		transform: rotate(-90deg);
+	}
 </style>
diff --git a/static/bitaxe.webp b/static/bitaxe.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3c907c12a77647c9f742882dec2ed85e903c5d72
GIT binary patch
literal 2486
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

literal 0
HcmV?d00001

diff --git a/tests/screenshots/viewport-screenshots.spec.ts b/tests/screenshots/viewport-screenshots.spec.ts
index 573b059..5ec5569 100644
--- a/tests/screenshots/viewport-screenshots.spec.ts
+++ b/tests/screenshots/viewport-screenshots.spec.ts
@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test';
 
-import { initMock, settingsJson } from '../shared';
+import { initMock, settingsJson, statusJson } from '../shared';
 
 test.beforeEach(initMock);
 
@@ -69,6 +69,9 @@ test('capture screenshots across devices with bitaxe screens', async ({ page },
 		}
 	];
 
+	statusJson.data = ['mdi:bitaxe', '', 'mdi:pickaxe', '6', '3', '7', 'GH/S'];
+	statusJson.rendered = ['mdi:bitaxe', '', 'mdi:pickaxe', '6', '3', '7', 'GH/S'];
+
 	await page.goto('/');
 	await expect(page.getByRole('heading', { name: 'Control' })).toBeVisible();
 	await expect(page.getByRole('heading', { name: 'Status' })).toBeVisible();