chore: remove unused file

2025-02-23 20:54:58 +08:00
parent d5d3a67a4d
commit 5c42e5f4a1
1 changed files with 0 additions and 49 deletions
@@ -1,49 +0,0 @@
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import clsx from "clsx";
 import { triggerScrollHeight } from "./MessageFeed";
 type Props = {
  count: number;
  queryKey: string;
 };
 // linear-gradient(135deg,_#3C8CE7_0%,_#00EAFF_100%)
 const NewMessageBottomTip = ({ count, queryKey }: Props) => {
  const [visible, setVisible] = useState(false);
  const { t } = useTranslation("chat");
  useEffect(() => {
    const container = document.querySelector(queryKey) as HTMLElement;
    if (container) {
      const { scrollHeight, scrollTop, offsetHeight } = container;
      const deltaNum = scrollHeight - scrollTop - offsetHeight;
      const showTheTip = deltaNum > triggerScrollHeight && count > 0;
      console.log("show the tip", showTheTip);
      setVisible(showTheTip);
    }
  }, [queryKey, count]);
  const handleMarkRead = () => {
    const container = document.querySelector(queryKey) as HTMLElement;
    if (container) {
      // scroll to bottom
      container.scrollTop = container.scrollHeight;
      setVisible(false);
    }
  };
  return (
    <aside
      className={clsx(
        `sticky top-0
                                justify-between text-xs
                                w-[95%] rounded-b-lg px-3 py-1 text-white z-10 
                                bg-gradient-to-tl from-[#3C8CE7] to-[#00EAFF]`,
        visible ? "flex" : "hidden"
      )}
    >
      <span> {t("new_msg", { num: count })}</span>
      <button onClick={handleMarkRead}>{t("mark_read")}</button>
    </aside>
  );
 };
 export default NewMessageBottomTip;