chore: update the guide for adding worker

src/components/status-tag/index.tsx

@@ -58,16 +58,21 @@ const StatusTag: React.FC<StatusTagProps> = ({
     return StatusColorMap[status];
   }, [status]);
 
-  const statusMessage = useMemo(() => {
-    return statusValue.message?.replace(linkReg, '');
+  const hasLink = useMemo(() => {
+    if (!statusValue.message) return false;
+    return linkReg.test(statusValue.message || '');
   }, [statusValue.message]);
 
-  const messageLink = useMemo(() => {
+  const statusMessage = useMemo<string>(() => {
+    if (!statusValue.message) return '';
     const link = statusValue.message?.match(linkReg);
     if (link) {
-      return link?.[0].replace(linkReg, '<a $1 target="_blank">$2</a>');
+      return statusValue.message?.replace(
+        linkReg,
+        '<a $1 target="_blank">$2</a>'
+      );
     }
-    return null;
+    return statusValue.message;
   }, [statusValue.message]);
 
   const renderContent = () => {
@@ -125,12 +130,12 @@ const StatusTag: React.FC<StatusTagProps> = ({
             wordBreak: 'break-word'
           }}
         >
-          {statusMessage}
-          {statusMessage && <span className="m-r-5"></span>}
-          {extra}
-          {messageLink && (
-            <span dangerouslySetInnerHTML={{ __html: messageLink }}></span>
+          {hasLink ? (
+            <span dangerouslySetInnerHTML={{ __html: statusMessage }}></span>
+          ) : (
+            statusMessage
           )}
+          {extra && <span className="m-l-5">{extra}</span>}
         </div>
       </div>
     );