TootContent: remove css modules
All checks were successful
/ depoly (push) Successful in 1m19s

This commit is contained in:
thislight 2024-11-20 15:51:14 +08:00
parent 4c1b189ca0
commit cff0c2880a
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
4 changed files with 44 additions and 111 deletions

View file

@ -8,6 +8,7 @@ import {
} from "solid-js";
import { resolveCustomEmoji } from "../../masto/toot.js";
import { makeAcctText, useDefaultSession } from "../../masto/clients";
import "./TootContent.css";
function preventDefault(event: Event) {
event.preventDefault();
@ -19,9 +20,14 @@ export type TootContentProps = {
mentions: mastodon.v1.StatusMention[];
} & JSX.HTMLAttributes<HTMLDivElement>;
const TootContent: Component<TootContentProps> = (props) => {
const TootContent: Component<TootContentProps> = (oprops) => {
const session = useDefaultSession();
const [managed, rest] = splitProps(props, ["source", "emojis", "mentions"]);
const [props, rest] = splitProps(oprops, [
"source",
"emojis",
"mentions",
"class",
]);
const clientFinder = createMemo(() =>
session() ? makeAcctText(session()!) : undefined,
@ -31,10 +37,10 @@ const TootContent: Component<TootContentProps> = (props) => {
<div
ref={(ref) => {
createRenderEffect(() => {
ref.innerHTML = managed.source
? managed.emojis
? resolveCustomEmoji(managed.source, managed.emojis)
: managed.source
ref.innerHTML = props.source
? props.emojis
? resolveCustomEmoji(props.source, props.emojis)
: props.source
: "";
});
@ -53,9 +59,10 @@ const TootContent: Component<TootContentProps> = (props) => {
}
});
}}
class={`TootContent ${props.class || ""}`}
{...rest}
></div>
);
};
export default TootContent;
export default TootContent;