diff --git a/src/forge/Main/CoderDepotCatalogue.jsx b/src/forge/Main/CoderDepotCatalogue.jsx
index f13fded2..7f0b2c96 100644
--- a/src/forge/Main/CoderDepotCatalogue.jsx
+++ b/src/forge/Main/CoderDepotCatalogue.jsx
@@ -20,9 +20,6 @@ function CoderDepotCatalogue({item , goToSubRoot , owner , projectsId , platform
     return value;
   }
 
-  useEffect(()=>{
-    
-  },[])
 
   return(
     <li>
@@ -31,9 +28,15 @@ function CoderDepotCatalogue({item , goToSubRoot , owner , projectsId , platform
           (!platform && item.image_type) ? 
           <span><i className={`iconfont ${typeIco[`${item.type}`]} mr8`}></i>{item.name}</span>
           :
-          <a onClick={()=>goToSubRoot(item.path,item.type,item.name)} className={item.type === "submodule" ? "submoduleStyle":''}>
-            <i className={`iconfont ${typeIco[`${item.type}`]} mr8`}></i>{item.name}
-          </a>
+          (item.type === "submodule" ? 
+            <Link to={`/${owner}/${item.name}`}>
+              <i className={`iconfont ${typeIco[`${item.type}`]} mr8`}></i>{item.name}
+            </Link>
+            :
+            <a onClick={()=>goToSubRoot(item.path,item.type,item.name)}>
+              <i className={`iconfont ${typeIco[`${item.type}`]} mr8`}></i>{item.name}
+            </a>
+          )
         }
       </span>
       <span title="init project">