Rubicon/tutu
1
0
Fork 0
Code Issues 19 Pull requests Projects Activity Actions

TootBottomSheet: added cache

Browse source
This commit is contained in:
thislight 2024-08-13 14:17:33 +08:00
parent c0c5c8ee3b
commit 729eaa7901
2 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/timelines/Home.tsx
View file

@ -43,6 +43,7 @@ import PullDownToRefresh from "./PullDownToRefresh";
import { HeroSourceProvider, type HeroSource } from "../platform/anim";
import { useNavigate } from "@solidjs/router";
import { useSignedInProfiles } from "../masto/acct";
import { setCache as setTootBottomSheetCache } from "./TootBottomSheet";
const TimelinePanel: Component<{
client: mastodon.rest.Client;
@ -288,6 +289,7 @@ const Home: ParentComponent = (props) => {
const rect = srcElement?.getBoundingClientRect();
setHeroSrc((x) => Object.assign({}, x, { [BOTTOM_SHEET_HERO]: rect }));
const acct = `${inf.username}@${p.account.site}`;
setTootBottomSheetCache(acct, toot);
navigate(`/${encodeURIComponent(acct)}/${toot.id}`);
};

21
src/timelines/TootBottomSheet.tsx
View file

@ -1,5 +1,5 @@
import { useNavigate, useParams } from "@solidjs/router";
import { createResource, Show, type Component } from "solid-js";
import { createEffect, createResource, Show, type Component } from "solid-js";
import Scaffold from "../material/Scaffold";
import TootThread from "./TootThread";
import { AppBar, IconButton, Toolbar } from "@suid/material";
@ -9,13 +9,28 @@ import { isiOS } from "../platform/host";
import { createUnauthorizedClient, useSessions } from "../masto/clients";
import { resolveCustomEmoji } from "../masto/toot";
import RegularToot from "./RegularToot";
import type { mastodon } from "masto";
let cachedEntry: [string, mastodon.v1.Status] | undefined;
export function setCache(acct: string, status: mastodon.v1.Status) {
cachedEntry = [acct, status]
}
function getCache(acct: string, id: string) {
if (acct === cachedEntry?.[0] && id === cachedEntry?.[1].id) {
return cachedEntry[1]
}
}
const TootBottomSheet: Component = (props) => {
const params = useParams<{ acct: string; id: string }>();
const navigate = useNavigate();
const allSession = useSessions();
const acctText = () => decodeURIComponent(params.acct)
const session = () => {
const [inputUsername, inputSite] = decodeURIComponent(params.acct).split(
const [inputUsername, inputSite] = acctText().split(
"@",
2,
);
@ -34,7 +49,7 @@ const TootBottomSheet: Component = (props) => {
},
);
const toot = remoteToot;
const toot = () => remoteToot() ?? getCache(acctText(), params.id);
const tootTitle = () => {
const t = toot();