TootBottomSheet: fix toot could not expand

src/timelines/TootBottomSheet.tsx

@@ -29,6 +29,9 @@ import TootList from "./TootList";
 import "./TootBottomSheet.css";
 import { useNavigator } from "~platform/StackedRouter";
 import BackButton from "~platform/BackButton";
+import ItemSelectionProvider, {
+  createSingluarItemSelection,
+} from "./toots/ItemSelectionProvider";
 
 let cachedEntry: [string, mastodon.v1.Status] | undefined;
 
@@ -44,13 +47,11 @@ function getCache(acct: string, id: string) {
 
 const TootBottomSheet: Component = (props) => {
   const params = useParams<{ acct: string; id: string }>();
-  const location = useLocation<{
-    tootReply?: boolean;
-  }>();
-  const { pop, push } = useNavigator();
+  const { push } = useNavigator();
   const time = createTimeSource();
   const acctText = () => decodeURIComponent(params.acct);
   const session = useSessionForAcctStr(acctText);
+  const [, selectionState] = createSingluarItemSelection();
 
   const [remoteToot, { mutate: setRemoteToot }] = createResource(
     () => [session().client, params.id] as const,
@@ -322,11 +323,13 @@ const TootBottomSheet: Component = (props) => {
             </div>
           </Show>
 
-          <TootList
-            threads={descendants.list}
-            onUnknownThread={descendants.getPath}
-            onChangeToot={descendants.set}
-          />
+          <ItemSelectionProvider value={selectionState}>
+            <TootList
+              threads={descendants.list}
+              onUnknownThread={descendants.getPath}
+              onChangeToot={descendants.set}
+            />
+          </ItemSelectionProvider>
         </TimeSourceProvider>
       </div>
     </Scaffold>