From 2f9a8b70bd7c465749594d89c2037bda864cf9b1 Mon Sep 17 00:00:00 2001
From: undefined <i@undefined.moe>
Date: Mon, 19 Dec 2022 13:25:13 +0800
Subject: [PATCH] ui: do not refresh page on problem star

---
 .../components/star/{star.page.js => star.page.ts}           | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)
 rename packages/ui-default/components/star/{star.page.js => star.page.ts} (84%)

diff --git a/packages/ui-default/components/star/star.page.js b/packages/ui-default/components/star/star.page.ts
similarity index 84%
rename from packages/ui-default/components/star/star.page.js
rename to packages/ui-default/components/star/star.page.ts
index 5fbd64405..60984501b 100644
--- a/packages/ui-default/components/star/star.page.js
+++ b/packages/ui-default/components/star/star.page.ts
@@ -2,7 +2,7 @@ import $ from 'jquery';
 import { AutoloadPage } from 'vj/misc/Page';
 import { request } from 'vj/utils';
 
-function setStarButtonState($starButton, star) {
+function setStarButtonState($starButton: JQuery<any>, star: boolean) {
   if (star) {
     $starButton.addClass('activated');
   } else {
@@ -12,11 +12,12 @@ function setStarButtonState($starButton, star) {
 
 const starPage = new AutoloadPage('starPage', () => {
   $(document).on('click', '.star', (ev) => {
+    ev.preventDefault();
     const $button = $(ev.currentTarget);
     const currentState = $button.hasClass('activated');
     const $form = $button.closest('form');
     const $op = $form.find('[name="operation"]');
-    if (!['star', 'unstar'].includes($op.val())) return;
+    if (!['star', 'unstar'].includes($op.val() as any)) return;
     $op.val(currentState ? 'unstar' : 'star');
     setStarButtonState($button, !currentState);
     request