TootAuthorGroup: remove css module

src/timelines/RegularToot.tsx

@@ -10,23 +10,19 @@ import {
   createContext,
   useContext,
 } from "solid-js";
-import tootStyle from "./toot.module.css";
-import { formatRelative } from "date-fns";
-import Img from "~material/Img.js";
 import { Body2 } from "~material/typography.js";
-import { SmartToySharp, Lock } from "@suid/icons-material";
 import { useTimeSource } from "~platform/timesrc.js";
 import { resolveCustomEmoji } from "../masto/toot.js";
 import { Divider } from "@suid/material";
 import cardStyle from "~material/cards.module.css";
 import MediaAttachmentGrid from "./toots/MediaAttachmentGrid.jsx";
-import { useDateFnLocale } from "~platform/i18n";
 import { makeAcctText, useDefaultSession } from "../masto/clients";
 import TootContent from "./toots/TootContent";
 import BoostIcon from "./toots/BoostIcon";
 import PreviewCard from "./toots/PreviewCard";
 import TootPoll from "./toots/TootPoll";
 import TootActionGroup from "./toots/TootActionGroup.js";
+import TootAuthorGroup from "./toots/TootAuthorGroup.js";
 import "./RegularToot.css";
 
 export type TootEnv = {
@@ -66,63 +62,17 @@ type RegularTootProps = {
 
 export function findRootToot(element: HTMLElement) {
   let current: HTMLElement | null = element;
-  while (current && !current.classList.contains(tootStyle.toot)) {
+  while (current && !current.classList.contains("RegularToot")) {
     current = current.parentElement;
   }
   if (!current) {
     throw Error(
-      `the element must be placed under a element with ${tootStyle.toot}`,
+      `the element must be placed under a element with .RegularToot`,
     );
   }
   return current;
 }
 
-function TootAuthorGroup(
-  props: {
-    status: mastodon.v1.Status;
-    now: Date;
-  } & JSX.HTMLElementTags["div"],
-) {
-  const [managed, rest] = splitProps(props, ["status", "now"]);
-  const toot = () => managed.status;
-  const dateFnLocale = useDateFnLocale();
-
-  return (
-    <div class={tootStyle.tootAuthorGrp} {...rest}>
-      <Img src={toot().account.avatar} class={tootStyle.tootAvatar} />
-      <div class={tootStyle.tootAuthorNameGrp}>
-        <div class={tootStyle.tootAuthorNamePrimary}>
-          <Show when={toot().account.bot}>
-            <SmartToySharp class="acct-mark" aria-label="Bot" />
-          </Show>
-          <Show when={toot().account.locked}>
-            <Lock class="acct-mark" aria-label="Locked" />
-          </Show>
-          <Body2
-            component="span"
-            ref={(e: { innerHTML: string }) => {
-              createRenderEffect(() => {
-                e.innerHTML = resolveCustomEmoji(
-                  toot().account.displayName,
-                  toot().account.emojis,
-                );
-              });
-            }}
-          />
-        </div>
-        <time datetime={toot().createdAt}>
-          {formatRelative(toot().createdAt, managed.now, {
-            locale: dateFnLocale(),
-          })}
-        </time>
-        <span>
-          @{toot().account.username}@{new URL(toot().account.url).hostname}
-        </span>
-      </div>
-    </div>
-  );
-}
-
 /**
  * find bottom-to-top the element with `data-action`.
  */