fixup! perf: 在线聊天: 显示过期时间

src/views/Conversations/Components/ExpireTimeClock.jsx

@@ -15,7 +15,8 @@ dayjs.extend(relativeTime);
 const ExpireTimeClock = ({ expireTime }) => {
   // const expireTime = useConversationStore((state) => state.currentConversation.conversation_expiretime);
 
-  const [customerDateTime, setCustomerDateTime] = useState();
+  const [customerDateTime, setCustomerDateTime] = useState('');
+  const [isExpired, setIsExpired] = useState(false);
 
   useEffect(() => {
     const intervalId = setInterval(() => {
@@ -25,11 +26,19 @@ const ExpireTimeClock = ({ expireTime }) => {
     return () => clearInterval(intervalId);
   }, [expireTime]);
 
-  return expireTime ? (
+  useEffect(() => {
+    const _ago = customerDateTime.slice(-3) === 'ago';
+    setIsExpired(_ago);
+
+    return () => {};
+  }, [customerDateTime]);
+
+
+  return expireTime && !isExpired ? (
     <>
-      <Typography.Text className='text-primary'>
+      <Typography.Text className={'text-primary'}>
         <ClockCircleOutlined className='px-1' />
-        Expire {customerDateTime}
+        {isExpired ? 'Expired' : 'Expire'} {customerDateTime}
       </Typography.Text>
     </>
   ) : null;