From ddccaf16f39a4bf710266edc389fcde124e7ef56 Mon Sep 17 00:00:00 2001
From: winter
Date: Thu, 23 Jan 2025 17:23:58 +0000
Subject: use icons-in-css instead of icon font

---
 templates/interaction_button.php | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

(limited to 'templates/interaction_button.php')

diff --git a/templates/interaction_button.php b/templates/interaction_button.php
index 7315f7d..368cb1a 100644
--- a/templates/interaction_button.php
+++ b/templates/interaction_button.php
@@ -6,18 +6,17 @@ $tooltip = match ($action) {
     'reshare' => __('note.action.reshare')
 };
 $icon = match ($action) {
-    'like' => 'favorite',
-    'dislike' => 'heart_broken',
-    'reshare' => $active ? 'repeat_on' : 'repeat'
+    'like' => $active ? 'favorite' : 'favorite-outline',
+    'dislike' => $active ? 'heart-broken' : 'heart-broken-outline',
+    'reshare' => $active ? 'repeat-on' : 'repeat'
 };
 $id = "interactButton-$action-$note->id";
 ?>
 <div class="interactButtonContainer <?= $action . ($active ? ' active' : '') ?>">
-    <button title="<?= $tooltip ?>" class="icon material-symbols-outlined <?= $active ? 'active' : '' ?>"
+    <button title="<?= $tooltip ?>" class="material-symbols <?= $icon ?>"
         hx-post="<?= "/fragment/note/$note->id/$action" ?>" hx-swap="outerHTML"
         hx-target="closest .interactButtonContainer" hx-disabled-elt="this" id="<?= $id ?>"
         _="on click wait 1s then trigger update on #liveTimelineUpdater" <?= ($disabled ?? false) ? 'disabled' : '' ?>>
-        <?= $icon ?>
     </button>
     <label for="<?= $id ?>" class="interactionCount"><?= $count ?? '' ?></label>
 </div>
\ No newline at end of file
-- 
cgit v1.3