Possible fix for svg icons

danniehansen · Mar 11, 2024 · 7a075a5 · 7a075a5
1 parent 4f41472
commit 7a075a5
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/capabilities/board-buttons/index.ts b/src/capabilities/board-buttons/index.ts
@@ -1,5 +1,5 @@
 import { Trello } from '../../types/trello';
-import ClockImageWhite from '../../assets/images/clock_white.svg';
+import ClockImageWhite from '../../assets/images/clock_white.svg?url';
 import { clearToken, getMemberId } from '../../components/trello';
 import { isVisible } from '../../utils/visibility';
 import { Card } from '../../components/card';

diff --git a/src/capabilities/card-back-section/index.ts b/src/capabilities/card-back-section/index.ts
@@ -1,5 +1,5 @@
 import { Trello } from '../../types/trello';
-import ClockImageBlack from '../../assets/images/clock_black.svg';
+import ClockImageBlack from '../../assets/images/clock_black.svg?url';
 
 export async function getCardBackSection(
   t: Trello.PowerUp.IFrame

diff --git a/src/capabilities/card-badges/index.ts b/src/capabilities/card-badges/index.ts
@@ -1,6 +1,6 @@
 import { Trello } from '../../types/trello';
-import EstimateImage from '../../assets/images/estimate.svg';
-import ClockImageBlack from '../../assets/images/clock_black.svg';
+import EstimateImage from '../../assets/images/estimate.svg?url';
+import ClockImageBlack from '../../assets/images/clock_black.svg?url';
 import { Card } from '../../components/card';
 import { formatTime } from '../../utils/formatting';
 import {

diff --git a/src/capabilities/card-buttons/index.ts b/src/capabilities/card-buttons/index.ts
@@ -1,12 +1,12 @@
 import { Trello } from '../../types/trello';
-import ClockImageBlack from '../../assets/images/clock_black.svg';
+import ClockImageBlack from '../../assets/images/clock_black.svg?url';
 import { manageTimeCallback } from './callbacks/ManageTime';
 import { notificationsCallback } from './callbacks/Notifications';
 import { settingsCallback } from './callbacks/Settings';
 import { timeSpentCallback } from './callbacks/TimeSpent';
 import { isVisible } from '../../utils/visibility';
 
-const icon = `${ClockImageBlack}`;
+const icon = `${window.location.origin}${ClockImageBlack}`;
 
 export async function getCardButtons(): Promise<Trello.PowerUp.CardButton[]> {
   const visible = await isVisible();