From a9e36e15b0334031c5997a09774df96fb29715e8 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sun, 3 Dec 2023 02:36:00 +0800
Subject: [PATCH] docs: add notOperational badge in route component

---
 website/src/components/Route.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/website/src/components/Route.tsx b/website/src/components/Route.tsx
index bdaea8ef9..6ebe39835 100644
--- a/website/src/components/Route.tsx
+++ b/website/src/components/Route.tsx
@@ -15,6 +15,7 @@ export default function Route({
   radar = null,
   configRequired = null,
   puppeteer = null,
+  notOperational = null,
   children = null,
 }: {
   author?: string;
@@ -28,6 +29,7 @@ export default function Route({
   radar?: boolean;
   configRequired?: boolean;
   puppeteer?: boolean;
+  notOperational?: boolean;
   children?: JSX.Element | JSX.Element[];
 }): JSX.Element {
     const demoUrl = 'https://rsshub.app' + example;
@@ -41,17 +43,22 @@ export default function Route({
     };
 
     return (
-        <div className="routeBlock" id={path}>
+        <div className={`routeBlock ${notOperational ? "notOperational" : ""}`} id={path}>
             <p className="badges">
-                {supportBT && <Badge type="tip"><Translate id="badge.supportBT" /></Badge>}
-                {supportPodcast && <Badge type="tip"><Translate id="badge.supportPodcast" /></Badge>}
-                {supportScihub && <Badge type="tip"><Translate id="badge.supportSciHub" /></Badge>}
-                {puppeteer && <Badge type="warning"><Translate id="badge.puppeteer" /></Badge>}
+                {notOperational && (
+                    <Link to="https://github.com/DIYgod/RSSHub/issues/new?assignees=&labels=RSS+bug&projects=&template=bug_report_en.yml">
+                        <Badge type="caution"><Translate id="badge.notOperational" /></Badge>
+                    </Link>
+                )}
                 {anticrawler && (
                     <Link to="/faq">
                         <Badge type="caution"><Translate id="badge.anticrawler" /></Badge>
                     </Link>
                 )}
+                {supportBT && <Badge type="tip"><Translate id="badge.supportBT" /></Badge>}
+                {supportPodcast && <Badge type="tip"><Translate id="badge.supportPodcast" /></Badge>}
+                {supportScihub && <Badge type="tip"><Translate id="badge.supportSciHub" /></Badge>}
+                {puppeteer && <Badge type="warning"><Translate id="badge.puppeteer" /></Badge>}
                 {configRequired && (
                     <Link to="/install/config#route-specific-configurations">
                         <Badge type="warning"><Translate id="badge.configRequired" /></Badge>