ReplyTimestamp — FiveCord

index.tsx

Download

Source

src/plugins/replyTimestamp/index.tsx

1import "./style.css";

3import ErrorBoundary from "@components/ErrorBoundary";

4import { Devs } from "@utils/constants";

5import definePlugin from "@utils/types";

6import type { Message } from "@vencord/discord-types";

7import { findCssClassesLazy } from "@webpack";

8import { DateUtils, Timestamp } from "@webpack/common";

9import type { HTMLAttributes } from "react";

11const MessageClasses = findCssClassesLazy("separator", "latin24CompactTimeStamp");

13function Sep(props: HTMLAttributes<HTMLElement>) {

14 return <i className={MessageClasses.separator} aria-hidden={true} {...props} />;

15}

17const enum ReferencedMessageState {

18 LOADED = 0,

19 NOT_LOADED = 1,

20 DELETED = 2,

21}

type ReferencedMessage = { state: ReferencedMessageState.LOADED; message: Message; } | { state: ReferencedMessageState.NOT_LOADED | ReferencedMessageState.DELETED; };

25function ReplyTimestamp({

26 referencedMessage,

27 baseMessage,

28}: {

29 referencedMessage: ReferencedMessage,

30 baseMessage: Message;

31}) {

32 if (referencedMessage.state !== ReferencedMessageState.LOADED) return null;

33 const refTimestamp = referencedMessage.message.timestamp as any;

34 const baseTimestamp = baseMessage.timestamp as any;

35 return (

36 <Timestamp

37 className="vc-reply-timestamp"

38 compact={DateUtils.isSameDay(refTimestamp, baseTimestamp)}

39 timestamp={refTimestamp}

40 isInline={false}

41 >

42 <Sep>[</Sep>

43 {DateUtils.isSameDay(refTimestamp, baseTimestamp)

44 ? DateUtils.dateFormat(refTimestamp, "LT")

45 : DateUtils.calendarFormat(refTimestamp)

46 }

47 <Sep>]</Sep>

48 </Timestamp>

49 );

50}

52export default definePlugin({

53 name: "ReplyTimestamp",

54 description: "Shows a timestamp on replied-message previews",

55 tags: ["Chat", "Appearance"],

56 authors: [Devs.Kyuuhachi],

58 patches: [

59 {

60 // Same find as in ValidReply

61 find: "#{intl::REPLY_QUOTE_MESSAGE_NOT_LOADED}",

62 replacement: {

63 match: /\.onClickReply,.+?}\),(?=\i,\i,\i\])/,

64 replace: "$&$self.ReplyTimestamp(arguments[0]),"

65 }

66 }

67 ],

69 ReplyTimestamp: ErrorBoundary.wrap(ReplyTimestamp, { noop: true }),

70});

import "./style.css";

import ErrorBoundary from "@components/ErrorBoundary";
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
import type { Message } from "@vencord/discord-types";
import { findCssClassesLazy } from "@webpack";
import { DateUtils, Timestamp } from "@webpack/common";
import type { HTMLAttributes } from "react";

const MessageClasses = findCssClassesLazy("separator", "latin24CompactTimeStamp");

function Sep(props: HTMLAttributes<HTMLElement>) {
    return <i className={MessageClasses.separator} aria-hidden={true} {...props} />;
}

const enum ReferencedMessageState {
    LOADED = 0,
    NOT_LOADED = 1,
    DELETED = 2,
}

type ReferencedMessage = { state: ReferencedMessageState.LOADED; message: Message; } | { state: ReferencedMessageState.NOT_LOADED | ReferencedMessageState.DELETED; };

function ReplyTimestamp({
    referencedMessage,
    baseMessage,
}: {
    referencedMessage: ReferencedMessage,
    baseMessage: Message;
}) {
    if (referencedMessage.state !== ReferencedMessageState.LOADED) return null;
    const refTimestamp = referencedMessage.message.timestamp as any;
    const baseTimestamp = baseMessage.timestamp as any;
    return (
        <Timestamp
            className="vc-reply-timestamp"
            compact={DateUtils.isSameDay(refTimestamp, baseTimestamp)}
            timestamp={refTimestamp}
            isInline={false}
        >
            <Sep>[</Sep>
            {DateUtils.isSameDay(refTimestamp, baseTimestamp)
                ? DateUtils.dateFormat(refTimestamp, "LT")
                : DateUtils.calendarFormat(refTimestamp)
            }
            <Sep>]</Sep>
        </Timestamp>
    );
}

export default definePlugin({
    name: "ReplyTimestamp",
    description: "Shows a timestamp on replied-message previews",
    tags: ["Chat", "Appearance"],
    authors: [Devs.Kyuuhachi],

    patches: [
        {
            // Same find as in ValidReply
            find: "#{intl::REPLY_QUOTE_MESSAGE_NOT_LOADED}",
            replacement: {
                match: /\.onClickReply,.+?}\),(?=\i,\i,\i\])/,
                replace: "$&$self.ReplyTimestamp(arguments[0]),"
            }
        }
    ],

    ReplyTimestamp: ErrorBoundary.wrap(ReplyTimestamp, { noop: true }),
});

Source

FiveCord for Windows