2024-08-12 17:25:03 +08:00
|
|
|
import { useParams } from "@solidjs/router";
|
2024-07-14 20:28:44 +08:00
|
|
|
import type { Component } from "solid-js";
|
2024-08-12 17:25:03 +08:00
|
|
|
import Scaffold from "../material/Scaffold";
|
|
|
|
import TootThread from "./TootThread";
|
|
|
|
import { AppBar, Toolbar } from "@suid/material";
|
|
|
|
import { Title } from "../material/typography";
|
2024-07-14 20:28:44 +08:00
|
|
|
|
|
|
|
const TootBottomSheet: Component = (props) => {
|
2024-08-12 17:25:03 +08:00
|
|
|
const params = useParams()
|
|
|
|
return <Scaffold
|
|
|
|
topbar={
|
|
|
|
<AppBar position="static">
|
|
|
|
<Toolbar variant="dense" sx={{paddingTop: "var(--safe-area-inset-top, 0px)"}}>
|
|
|
|
<Title>A Toot</Title>
|
|
|
|
</Toolbar>
|
|
|
|
</AppBar>
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<p>{params.acct}/{params.id}</p>
|
|
|
|
</Scaffold>;
|
2024-08-05 15:33:00 +08:00
|
|
|
};
|
2024-07-14 20:28:44 +08:00
|
|
|
|
2024-08-05 15:33:00 +08:00
|
|
|
export default TootBottomSheet;
|