From 6bd6e03b70d8b50d882f9b58eba227cf3ea7d998 Mon Sep 17 00:00:00 2001
From: oasis-cloud <suanbanren@foxmail.com>
Date: Thu, 21 Jul 2022 15:46:36 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E6=96=87=E6=A1=A3=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0issue=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sites/doc/components/issue/issue.tsx | 28 ++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/sites/doc/components/issue/issue.tsx b/src/sites/doc/components/issue/issue.tsx
index dbee9e1..2071e87 100644
--- a/src/sites/doc/components/issue/issue.tsx
+++ b/src/sites/doc/components/issue/issue.tsx
@@ -1,8 +1,32 @@
 import './issue.scss'
-import React from 'react'
+import React, { useEffect, useState } from 'react'
 import Icon from '@/packages/icon'
+import { useLocation } from 'react-router-dom'
+import { nav } from '@/config.json'
 
 export function Issue() {
+  let location = useLocation()
+
+  const getComponentName = () => {
+    const s = window.location.hash.split('/')
+    const cname = s[s.length - 1].toLowerCase()
+    const component: any = {}
+    nav.forEach((item: any) => {
+      item.packages.forEach((sItem: any) => {
+        if (sItem.name.toLowerCase() == cname) {
+          component.name = sItem.name
+          component.cName = sItem.cName
+          return
+        }
+      })
+    })
+    return component
+  }
+  useEffect(() => {
+    const componentName = getComponentName()
+    setComponentName(componentName)
+  }, [location])
+  const [componentName, setComponentName] = useState({ name: '', cName: '' })
   return (
     <>
       <div className="doc-content-issue">
@@ -24,7 +48,7 @@ export function Issue() {
         </a>
         <a
           className="issue-item"
-          href="'https://github.com/jdf2e/nutui-react/issues?q=is:issue+is:closed+' + component"
+          href={`https://github.com/jdf2e/nutui-react/issues?q=is:issue+is:closed+${componentName.name}`}
           target="_blank"
         >
           <Icon name="checklist"></Icon>
-- 
GitLab