used the Link Component Factory

Author: ZibanPirate

web/src/apps/main/components/authors/index.tsx

@@ -8,10 +8,10 @@ import Typography from "@material-ui/core/Typography";
 import Skeleton from "@material-ui/lab/Skeleton";
 import { FC } from "react";
 import { useDispatch } from "react-redux";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { Dispatch } from "src/apps/main/redux";
 import { fetchCurrentArticleAuthors } from "src/apps/main/redux/actions/articles-page";
 import { ArticlesPageState } from "src/apps/main/redux/reducers/articles-page";
-import { LinkV2 } from "src/components/link-v2";
 
 const useStyles = makeStyles((theme) => ({
   avatarsContainer: {

web/src/apps/main/components/card/index.tsx

@@ -8,7 +8,7 @@ import makeStyles from "@material-ui/core/styles/makeStyles";
 import Typography from "@material-ui/core/Typography";
 import Skeleton from "@material-ui/lab/Skeleton";
 import { FC } from "react";
-import { LinkV2 } from "src/components/link-v2";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 
 interface CardInfo {
   image: string;

web/src/apps/main/components/contributors/index.tsx

@@ -8,10 +8,10 @@ import Typography from "@material-ui/core/Typography";
 import Skeleton from "@material-ui/lab/Skeleton";
 import { FC } from "react";
 import { useDispatch } from "react-redux";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { Dispatch } from "src/apps/main/redux";
 import { fetchCurrentArticleContributors } from "src/apps/main/redux/actions/articles-page";
 import { ArticlesPageState } from "src/apps/main/redux/reducers/articles-page";
-import { LinkV2 } from "src/components/link-v2";
 
 const useStyles = makeStyles((theme) => ({
   avatarsContainer: {

web/src/apps/main/components/footer/index.tsx

@@ -4,10 +4,10 @@ import { makeStyles } from "@material-ui/core/styles";
 import Typography from "@material-ui/core/Typography";
 import { FC } from "react";
 import { useSelector } from "react-redux";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { T } from "src/apps/main/components/t";
 import { StateInterface } from "src/apps/main/redux";
 import { FooterComponentState } from "src/apps/main/redux/reducers/footer-component";
-import { LinkV2 } from "src/components/link-v2";
 
 const useStyles = makeStyles((theme) => ({
   root: {

web/src/apps/main/components/link-v2/index.ts

@@ -0,0 +1,5 @@
+import { linkFactory } from "@dzcode.io/ui/dist/link-factory";
+
+import { mainStore } from "../../redux";
+
+export const LinkV2 = linkFactory(() => mainStore.getState().settings.language.code, "en");

web/src/apps/main/components/markdown/index.tsx

@@ -6,8 +6,8 @@ import { useSelector } from "react-redux";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import prism from "react-syntax-highlighter/dist/cjs/styles/prism/prism";
 import tomorrow from "react-syntax-highlighter/dist/cjs/styles/prism/tomorrow";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { StateInterface } from "src/apps/main/redux";
-import { LinkV2 } from "src/components/link-v2";
 
 export const Markdown: FC<ReactMarkdown> = ({ children, t, ...markdownProps }) => {
   const theme = useTheme();

web/src/apps/main/components/navbar/index.tsx

@@ -10,11 +10,11 @@ import { useScrollPosition } from "@n8tb1t/use-scroll-position";
 import { FC, Fragment, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { animated, useSpring } from "react-spring";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { T } from "src/apps/main/components/t";
 import { Dispatch, StateInterface } from "src/apps/main/redux";
 import { SettingsState } from "src/apps/main/redux/reducers/settings";
 import logo from "src/assets/svg/logo-wide.svg";
-import { LinkV2 } from "src/components/link-v2";
 
 import { IOSSwitch } from "./ios-switch";
 import { LanguageSwitch } from "./lang-switch";

web/src/apps/main/components/sidebar/index.tsx

@@ -10,9 +10,9 @@ import SpeedDialIcon from "@material-ui/lab/SpeedDialIcon";
 import TreeItem from "@material-ui/lab/TreeItem";
 import TreeView from "@material-ui/lab/TreeView";
 import { FC, Fragment } from "react";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { SpeedDial } from "src/apps/main/components/speed-dial";
 import { SidebarTreeItem } from "src/apps/main/types";
-import { LinkV2 } from "src/components/link-v2";
 
 const useStyles = makeStyles((theme) =>
   createStyles({

web/src/apps/main/pages/contribute/contributions/index.tsx

@@ -14,13 +14,13 @@ import QuestionAnswerIcon from "@material-ui/icons/QuestionAnswer";
 import Skeleton from "@material-ui/lab/Skeleton";
 import { FC } from "react";
 import { useDispatch, useSelector } from "react-redux";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { t } from "src/apps/main/components/t";
 import { Dispatch, StateInterface } from "src/apps/main/redux";
 import { fetchContributions, updateFilterValue } from "src/apps/main/redux/actions/contribute-page";
 import { ContributePageState } from "src/apps/main/redux/reducers/contribute-page";
 import { SettingsState } from "src/apps/main/redux/reducers/settings";
 import { elapsedTime } from "src/common/utils/elapsed-time";
-import { LinkV2 } from "src/components/link-v2";
 
 const useStyles = makeStyles((theme) => ({
   root: {

web/src/apps/main/pages/landing/header/index.tsx

@@ -6,9 +6,9 @@ import makeStyles from "@material-ui/core/styles/makeStyles";
 import Typography from "@material-ui/core/Typography";
 import { FC } from "react";
 import image from "src/apps/main/assets/svg/dzcode.svg";
+import { LinkV2 } from "src/apps/main/components/link-v2";
 import { Markdown } from "src/apps/main/components/markdown";
 import { T, t } from "src/apps/main/components/t";
-import { LinkV2 } from "src/components/link-v2";
 
 export const Header: FC = () => {
   const useStyles = makeStyles((theme) => ({