chore: restore timeout indicator in message component

cool
upryzing · Jan 2, 2025 · 0c70732 · 0c70732
1 parent ff7bec2
commit 0c70732
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/client/components/app/interface/channels/text/Message.tsx b/packages/client/components/app/interface/channels/text/Message.tsx
@@ -30,6 +30,7 @@ import MdNotificationsOff from "@material-design-icons/svg/filled/notifications_
 import MdShield from "@material-design-icons/svg/filled/shield.svg?component-solid";
 import MdSmartToy from "@material-design-icons/svg/filled/smart_toy.svg?component-solid";
 import MdSpa from "@material-design-icons/svg/filled/spa.svg?component-solid";
+import MdSchedule from "@material-design-icons/svg/filled/schedule.svg?component-solid";
 
 import { MessageContextMenu } from "../../../menus/MessageContextMenu";
 import {
@@ -175,6 +176,11 @@ export function Message(props: Props) {
               <MdCloud {...iconSize(16)} />
             </Tooltip>
           </Match>
+          <Match when={props.message.member?.timeout}>
+            <Tooltip content={`User has been timed out for ${dayjs(props.message.member?.timeout).toNow(true)}`} placement="top">
+              <MdSchedule {...iconSize(16)} />
+            </Tooltip>
+          </Match>
           <Match when={props.message.isSuppressed}>
             <Tooltip content={"Silent" /* TODO: i18n */} placement="top">
               <MdNotificationsOff {...iconSize(16)} />