feat(user): update existing links to use InlineLink component (#1353)

* feat: use InlineLink component

* feat: remove unwanted imports

* feat: remove unnecessary classname

* feat: update key value

Author: lamdiki-sherpa

packages/ui/src/assets/css/general.css

@@ -43,5 +43,3 @@
 /* Theme CSS */
 @import "./accordion-theme.css";
 @import "./tab-theme.css";
-
-@import "./general.css";

packages/ui/src/assets/css/index.css

@@ -1,5 +1,4 @@
-import { Fragment } from "react";
-import { Link } from "react-router-dom";
+import { InlineLink } from "@dzangolab/react-ui";
 
 import { LinkType } from "@/types/types";
 
@@ -18,15 +17,9 @@ export const AuthLinks = ({ className, links }: ILinkProperties) => {
   return (
     <div className={linksClassName}>
       {links.map((link) => {
-        return (
-          <Fragment key={link.label}>
-            {link.display ? (
-              <Link to={link.to} className={link.className}>
-                {link.label}
-              </Link>
-            ) : null}
-          </Fragment>
-        );
+        return link.display ? (
+          <InlineLink key={link.to} label={link.label} to={link.to} />
+        ) : null;
       })}
     </div>
   );

packages/user/src/components/AuthLinks.tsx

@@ -37,13 +37,11 @@ export const LoginWrapper: FC<IProperties> = ({
 
   const links: Array<LinkType> = [
     {
-      className: "native-link",
       display: config.features?.signup !== false && showSignupLink,
       label: t("login.links.signup"),
       to: config.customPaths?.signup || DEFAULT_PATHS.SIGNUP,
     },
     {
-      className: "native-link",
       display:
         config.features?.forgotPassword !== false && showForgotPasswordLink,
       label: t("login.links.forgotPassword"),

packages/user/src/components/Login/LoginWrapper.tsx

@@ -40,13 +40,11 @@ export const SignupWrapper: React.FC<IProperties> = ({
 
   const links: Array<LinkType> = [
     {
-      className: "native-link",
       display: showLoginLink,
       label: t("signup.links.login"),
       to: loginPath,
     },
     {
-      className: "native-link",
       display:
         showForgotPasswordLink && config.features?.forgotPassword !== false,
       label: t("signup.links.forgotPassword"),

packages/user/src/components/SignupWrapper.tsx

@@ -19,7 +19,6 @@ export const ForgotPassword = ({ centered = true }: { centered?: boolean }) => {
 
   const links: Array<LinkType> = [
     {
-      className: "native-link",
       display: true,
       label: t("forgotPassword.links.login"),
       to: config.customPaths?.login || DEFAULT_PATHS.LOGIN,