Toot*: support favourite

src/timelines/TootList.tsx

@@ -38,7 +38,7 @@ const TootList: Component<{
     props.onChangeToot(result.id, result);
   };
 
-  const onBoost = async (
+  const toggleBoost = async (
     client: mastodon.rest.Client,
     status: mastodon.v1.Status,
   ) => {
@@ -46,23 +46,39 @@ const TootList: Component<{
     const rootStatus = status.reblog ? status.reblog : status;
     const reblogged = rootStatus.reblogged;
     if (status.reblog) {
-      status.reblog = { ...status.reblog, reblogged: !reblogged };
-      props.onChangeToot(status.id, status);
+      props.onChangeToot(status.id, {
+        ...status,
+        reblog: { ...status.reblog, reblogged: !reblogged },
+      });
     } else {
-      props.onChangeToot(
-        status.id,
-        Object.assign(status, {
-          reblogged: !reblogged,
-        }),
-      );
+      props.onChangeToot(status.id, {
+        ...status,
+        reblogged: !reblogged,
+      });
     }
+
     const result = reblogged
       ? await client.v1.statuses.$select(status.id).unreblog()
       : (await client.v1.statuses.$select(status.id).reblog()).reblog!;
-    props.onChangeToot(
-      status.id,
-      Object.assign(status.reblog ?? status, result.reblog),
-    );
+
+    if (status.reblog) {
+      props.onChangeToot(status.id, {
+        ...status,
+        reblog: result,
+      });
+    } else {
+      props.onChangeToot(status.id, result);
+    }
+  };
+
+  const toggleFavourite = async (status: mastodon.v1.Status) => {
+    const client = session()?.client;
+    if (!client) return;
+    const ovalue = status.favourited;
+    const result = ovalue
+      ? await client.v1.statuses.$select(status.id).unfavourite()
+      : await client.v1.statuses.$select(status.id).favourite();
+    props.onChangeToot(status.id, result);
   };
 
   const openFullScreenToot = (
@@ -144,6 +160,13 @@ const TootList: Component<{
     openFullScreenToot(status, element, true);
   };
 
+  const getPath = (itemId: string) => {
+    return props
+      .onUnknownThread(itemId)!
+      .reverse()
+      .map((x) => x.value);
+  };
+
   return (
     <ErrorBoundary
       fallback={(err, reset) => {
@@ -152,16 +175,14 @@ const TootList: Component<{
     >
       <div ref={props.ref} id={props.id} class="toot-list">
         <For each={props.threads}>
-          {(itemId, index) => {
-            const path = props.onUnknownThread(itemId)!;
-            const toots = path.reverse().map((x) => x.value);
-
+          {(itemId) => {
             return (
               <Thread
-                toots={toots}
-                onBoost={onBoost}
+                toots={getPath(itemId)}
+                onBoost={toggleBoost}
                 onBookmark={onBookmark}
                 onReply={onReply}
+                onFavourite={toggleFavourite}
                 client={session()?.client!}
                 isExpended={checkIsExpended}
                 onItemClick={onItemClick}