feat: 1

package.json

@@ -81,6 +81,7 @@
     "@babel/plugin-proposal-optional-chaining": "^7.13.12",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
     "@types/express": "^4.17.0",
     "@types/history": "^4.7.2",
     "@types/jest": "^26.0.0",

src/pages/Hr/Notification/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import { List, Avatar, Tag, Skeleton, Divider, message, Typography } from 'antd'
 import InfiniteScroll from 'react-infinite-scroll-component'
 import { queryMessageList, sendMessage } from '@/services/staff'
@@ -66,7 +66,7 @@ const Notification = () => {
   return (
     <div className="bg-hex-ffffff rounded-md px-6 pb-6">
       <div className="flex justify-between items-center">
-        <h4 className="py-4 text-xl">通知中心</h4>
+        <div className="py-4 text-xl">通知中心</div>
         {hasPerm ? <AddMessage onConfirm={trySendMessage} /> : null}
       </div>
       <div
@@ -108,11 +108,11 @@ const Notification = () => {
                     </span>
                   }
                   description={
-                    <div className="mb-1">
+                    <div className="mb-1 flex items-center">
                       <Tag color="purple">
                         {intl.formatMessage({ id: `component.globalHeader.${item.msgType}` })}
-                      </Tag>{' '}
-                      &apos;发布范围&apos;,
+                      </Tag>
+                      <span className="ml-2px">&apos;发布范围&apos;,</span>
                       <span className="ml-2">全公司</span>
                     </div>
                   }