Просмотр исходного кода

fix: simplify Link usage by removing legacyBehavior in multiple components

Yuki Takei 1 месяц назад
Родитель
Сommit
b979ebd623

+ 1 - 5
apps/app/src/client/components/PagePathNavSticky/CollapsedParentsDropdown.tsx

@@ -47,11 +47,7 @@ export const CollapsedParentsDropdown = (props: Props): JSX.Element => {
       >
         {ancestorPathAndPathNames.map((data) => (
           <DropdownItem key={data.path}>
-            <Link href={data.path} legacyBehavior>
-              <a role="menuitem" href={data.path}>
-                {data.pathName}
-              </a>
-            </Link>
+            <Link href={data.path}>{data.pathName}</Link>
           </DropdownItem>
         ))}
       </DropdownMenu>

+ 8 - 9
apps/app/src/components/ReactMarkdownComponents/NextLink.tsx

@@ -96,15 +96,14 @@ export const NextLink = (props: Props): JSX.Element => {
   }
 
   return (
-    <Link {...rest} href={href} prefetch={false} legacyBehavior>
-      <a
-        href={href}
-        className={className}
-        {...dataAttributes}
-        onClick={onClick}
-      >
-        {children}
-      </a>
+    <Link
+      {...rest}
+      href={href}
+      prefetch={false}
+      className={className}
+      onClick={onClick}
+    >
+      {children}
     </Link>
   );
 };

+ 1 - 3
apps/app/src/features/growi-plugin/client/Admin/components/PluginsExtensionPageContents/PluginCard.tsx

@@ -84,9 +84,7 @@ export const PluginCard = (props: Props): JSX.Element => {
         <div className="row mb-3">
           <div className="col-9">
             <h2 className="card-title h3 border-bottom pb-2 mb-3">
-              <Link href={`${url}`} legacyBehavior>
-                {name}
-              </Link>
+              <Link href={`${url}`}>{name}</Link>
             </h2>
             <p className="card-text text-muted">{desc}</p>
           </div>

+ 1 - 3
apps/app/src/features/growi-plugin/client/Admin/components/PluginsExtensionPageContents/PluginDeleteModal.tsx

@@ -65,9 +65,7 @@ const PluginDeleteModalSubstance = ({
       </ModalHeader>
       <ModalBody>
         <div className="card well mt-2 p-2" key={id}>
-          <Link href={`${url}`} legacyBehavior>
-            {name}
-          </Link>
+          <Link href={`${url}`}>{name}</Link>
         </div>
       </ModalBody>
       <ModalFooter>