Merge branch 'dev' of https://github.com/FutabaRio/maa-copilot-frontend into dev

Author: FutabaRio

public/assets/operator-avatars/char_4088_hodrer.png

@@ -78,7 +78,11 @@ export const OperatorSelect: FC<OperatorSelectProps> = ({
   }
 
   const add = (operation: OperatorInfo) => {
-    change([...new Set([...operators, { name: operation.name }])])
+    if (!operators.some((op) => op.name === operation.name)) {
+      change([...operators, { name: operation.name }])
+    } else {
+      remove(operation)
+    }
   }
 
   const remove = (operation: OperatorInfo) => {

public/assets/operator-avatars/char_4107_vrdant.png

@@ -1,4 +1,5 @@
 import { Icon, IconSize } from '@blueprintjs/core'
+import { Popover2InteractionKind, Tooltip2 } from '@blueprintjs/popover2'
 
 import clsx from 'clsx'
 import { FC } from 'react'
@@ -7,8 +8,39 @@ import Rating from 'react-rating'
 import { Operation } from 'models/operation'
 import { ratingLevelToString } from 'models/rating'
 
+type PickedOperation = Pick<
+  Operation,
+  'notEnoughRating' | 'ratingRatio' | 'ratingLevel' | 'like' | 'dislike'
+>
+
+const GetLevelDescription: FC<{
+  operation: PickedOperation
+  layout?: 'horizontal' | 'vertical'
+}> = ({ operation, layout }) => {
+  return operation.notEnoughRating ? (
+    layout === 'vertical' ? (
+      <span>还没有足够的评分</span>
+    ) : (
+      <span>评分不足</span>
+    )
+  ) : (
+    <Tooltip2
+      className="!inline-block !mt-0"
+      interactionKind={Popover2InteractionKind.HOVER}
+      content={`有${Math.round(
+        (operation.like / (operation.like + operation.dislike)) * 100,
+      )}%的人为本作业点了个赞（${operation.like}/${
+        operation.like + operation.dislike
+      }）`}
+      position="bottom-left"
+    >
+      {ratingLevelToString(operation.ratingLevel)}
+    </Tooltip2>
+  )
+}
+
 export const OperationRating: FC<{
-  operation: Pick<Operation, 'notEnoughRating' | 'ratingRatio' | 'ratingLevel'>
+  operation: PickedOperation
   layout?: 'horizontal' | 'vertical'
   className?: string
 }> = ({ operation, layout = 'vertical', className }) => {
@@ -60,11 +92,7 @@ export const OperationRating: FC<{
           layout === 'horizontal' && !operation.notEnoughRating && 'mr-1.5',
         )}
       >
-        {operation.notEnoughRating
-          ? layout === 'vertical'
-            ? '还没有足够的评分'
-            : '评分不足'
-          : ratingLevelToString(operation.ratingLevel)}
+        <GetLevelDescription layout={layout} operation={operation} />
       </div>
     </div>
   )

public/assets/operator-avatars/char_4110_delphn.png

@@ -323,6 +323,12 @@
     "alias": "chunjinaiyafala chunjinyiyafala cjayfl cjyyfl 純燼艾雅法拉",
     "alt_name": "Eyjafjalla the Hvít Aska"
   },
+  {
+    "id": "char_494_vendla",
+    "name": "刺玫",
+    "alias": "cimei cm 刺玫",
+    "alt_name": "Vendela"
+  },
   {
     "id": "token_10008_cqbw_box",
     "name": "此面向敌",
@@ -347,6 +353,12 @@
     "alias": "dageda dgd 達格達",
     "alt_name": "Dagda"
   },
+  {
+    "id": "char_4110_delphn",
+    "name": "戴菲恩",
+    "alias": "daifeien dfe 戴菲恩",
+    "alt_name": "Delphine"
+  },
   {
     "id": "char_4032_provs",
     "name": "但书",
@@ -539,6 +551,12 @@
     "alias": "haojiao haojue hj 號角",
     "alt_name": "Horn"
   },
+  {
+    "id": "char_4088_hodrer",
+    "name": "赫德雷",
+    "alias": "hedelei hdl 赫德雷",
+    "alt_name": "Hoederer"
+  },
   {
     "id": "char_4041_chnut",
     "name": "褐果",
@@ -1601,6 +1619,12 @@
     "alias": "weicao wc 葦草",
     "alt_name": "Reed"
   },
+  {
+    "id": "char_4107_vrdant",
+    "name": "维荻",
+    "alias": "weidi wd 維荻",
+    "alt_name": "Verdant"
+  },
   {
     "id": "char_275_breeze",
     "name": "微风",

public/assets/operator-avatars/char_494_vendla.png

@@ -17,6 +17,8 @@ export interface Operation {
   ratingRatio: number
   ratingType: OpRatingType
   notEnoughRating: boolean
+  like: number
+  dislike: number
   commentsCount: number
 }