diff --git a/frontend/src/components/account/showReverseShareLinkModal.tsx b/frontend/src/components/account/showReverseShareLinkModal.tsx index 8feae61..47eebb0 100644 --- a/frontend/src/components/account/showReverseShareLinkModal.tsx +++ b/frontend/src/components/account/showReverseShareLinkModal.tsx @@ -5,10 +5,9 @@ import { translateOutsideContext } from "../../hooks/useTranslate.hook"; const showReverseShareLinkModal = ( modals: ModalsContextProps, reverseShareToken: string, - appUrl: string, ) => { const t = translateOutsideContext(); - const link = `${appUrl}/upload/${reverseShareToken}`; + const link = `${window.location.origin}/upload/${reverseShareToken}`; return modals.openModal({ title: t("account.reverseShares.modal.reverse-share-link"), children: ( diff --git a/frontend/src/components/account/showShareInformationsModal.tsx b/frontend/src/components/account/showShareInformationsModal.tsx index f4c62ed..ac7d2a7 100644 --- a/frontend/src/components/account/showShareInformationsModal.tsx +++ b/frontend/src/components/account/showShareInformationsModal.tsx @@ -11,11 +11,10 @@ import CopyTextField from "../upload/CopyTextField"; const showShareInformationsModal = ( modals: ModalsContextProps, share: MyShare, - appUrl: string, maxShareSize: number, ) => { const t = translateOutsideContext(); - const link = `${appUrl}/s/${share.id}`; + const link = `${window.location.origin}/s/${share.id}`; const formattedShareSize = byteToHumanSizeString(share.size); const formattedMaxShareSize = byteToHumanSizeString(maxShareSize); diff --git a/frontend/src/components/account/showShareLinkModal.tsx b/frontend/src/components/account/showShareLinkModal.tsx index 4d360ca..c61e6c1 100644 --- a/frontend/src/components/account/showShareLinkModal.tsx +++ b/frontend/src/components/account/showShareLinkModal.tsx @@ -2,13 +2,9 @@ import { Stack, TextInput } from "@mantine/core"; import { ModalsContextProps } from "@mantine/modals/lib/context"; import { translateOutsideContext } from "../../hooks/useTranslate.hook"; -const showShareLinkModal = ( - modals: ModalsContextProps, - shareId: string, - appUrl: string, -) => { +const showShareLinkModal = (modals: ModalsContextProps, shareId: string) => { const t = translateOutsideContext(); - const link = `${appUrl}/s/${shareId}`; + const link = `${window.location.origin}/s/${shareId}`; return modals.openModal({ title: t("account.shares.modal.share-link"), children: ( diff --git a/frontend/src/components/admin/shares/ManageShareTable.tsx b/frontend/src/components/admin/shares/ManageShareTable.tsx index d074f83..07bbc91 100644 --- a/frontend/src/components/admin/shares/ManageShareTable.tsx +++ b/frontend/src/components/admin/shares/ManageShareTable.tsx @@ -89,15 +89,11 @@ const ManageShareTable = ({ onClick={() => { if (window.isSecureContext) { clipboard.copy( - `${config.get("general.appUrl")}/s/${share.id}`, + `${window.location.origin}/s/${share.id}`, ); toast.success(t("common.notify.copied")); } else { - showShareLinkModal( - modals, - share.id, - config.get("general.appUrl"), - ); + showShareLinkModal(modals, share.id); } }} > diff --git a/frontend/src/components/auth/SignInForm.tsx b/frontend/src/components/auth/SignInForm.tsx index eda6f96..c3de10e 100644 --- a/frontend/src/components/auth/SignInForm.tsx +++ b/frontend/src/components/auth/SignInForm.tsx @@ -128,9 +128,7 @@ const SignInForm = ({ redirectPath }: { redirectPath: string }) => { config.get("oauth.disablePassword") ) { setIsRedirectingToOauthProvider(true); - router.push( - getOAuthUrl(config.get("general.appUrl"), providers.data[0]), - ); + router.push(getOAuthUrl(window.location.origin, providers.data[0])); } }) .catch(toast.axiosError); @@ -208,7 +206,7 @@ const SignInForm = ({ redirectPath }: { redirectPath: string }) => { key={provider} component="a" title={t(`signIn.oauth.${provider}`)} - href={getOAuthUrl(config.get("general.appUrl"), provider)} + href={getOAuthUrl(window.location.origin, provider)} variant="light" fullWidth > diff --git a/frontend/src/components/share/FileList.tsx b/frontend/src/components/share/FileList.tsx index 77d2fb2..407bc86 100644 --- a/frontend/src/components/share/FileList.tsx +++ b/frontend/src/components/share/FileList.tsx @@ -65,7 +65,7 @@ const FileList = ({ }; const copyFileLink = (file: FileMetaData) => { - const link = `${config.get("general.appUrl")}/api/shares/${ + const link = `${window.location.origin}/api/shares/${ share.id }/files/${file.id}`; diff --git a/frontend/src/components/upload/modals/showCompletedUploadModal.tsx b/frontend/src/components/upload/modals/showCompletedUploadModal.tsx index 6d67852..a34c9bf 100644 --- a/frontend/src/components/upload/modals/showCompletedUploadModal.tsx +++ b/frontend/src/components/upload/modals/showCompletedUploadModal.tsx @@ -13,7 +13,6 @@ import CopyTextField from "../CopyTextField"; const showCompletedUploadModal = ( modals: ModalsContextProps, share: CompletedShare, - appUrl: string, ) => { const t = translateOutsideContext(); return modals.openModal({ @@ -21,18 +20,18 @@ const showCompletedUploadModal = ( withCloseButton: false, closeOnEscape: false, title: t("upload.modal.completed.share-ready"), - children: , + children: , }); }; -const Body = ({ share, appUrl }: { share: CompletedShare; appUrl: string }) => { +const Body = ({ share }: { share: CompletedShare }) => { const modals = useModals(); const router = useRouter(); const t = useTranslate(); const isReverseShare = !!router.query["reverseShareToken"]; - const link = `${appUrl}/s/${share.id}`; + const link = `${window.location.origin}/s/${share.id}`; return ( diff --git a/frontend/src/components/upload/modals/showCreateUploadModal.tsx b/frontend/src/components/upload/modals/showCreateUploadModal.tsx index 25eb873..fe5ab71 100644 --- a/frontend/src/components/upload/modals/showCreateUploadModal.tsx +++ b/frontend/src/components/upload/modals/showCreateUploadModal.tsx @@ -19,7 +19,7 @@ import { useForm, yupResolver } from "@mantine/form"; import { useModals } from "@mantine/modals"; import { ModalsContextProps } from "@mantine/modals/lib/context"; import moment from "moment"; -import { useState } from "react"; +import React, { useState } from "react"; import { TbAlertCircle } from "react-icons/tb"; import { FormattedMessage } from "react-intl"; import * as yup from "yup"; @@ -30,7 +30,6 @@ import shareService from "../../../services/share.service"; import { FileUpload } from "../../../types/File.type"; import { CreateShare } from "../../../types/share.type"; import { getExpirationPreview } from "../../../utils/date.util"; -import React from "react"; import toast from "../../../utils/toast.util"; const showCreateUploadModal = ( @@ -38,7 +37,6 @@ const showCreateUploadModal = ( options: { isUserSignedIn: boolean; isReverseShare: boolean; - appUrl: string; allowUnauthenticatedShares: boolean; enableEmailRecepients: boolean; maxExpirationInHours: number; @@ -101,7 +99,6 @@ const CreateUploadModalBody = ({ options: { isUserSignedIn: boolean; isReverseShare: boolean; - appUrl: string; allowUnauthenticatedShares: boolean; enableEmailRecepients: boolean; maxExpirationInHours: number; @@ -245,7 +242,7 @@ const CreateUploadModalBody = ({ color: theme.colors.gray[6], })} > - {`${options.appUrl}/s/${form.values.link}`} + {`${window.location.origin}/s/${form.values.link}`} {!options.isReverseShare && ( <> @@ -461,7 +458,6 @@ const SimplifiedCreateUploadModalModal = ({ options: { isUserSignedIn: boolean; isReverseShare: boolean; - appUrl: string; allowUnauthenticatedShares: boolean; enableEmailRecepients: boolean; maxExpirationInHours: number; diff --git a/frontend/src/pages/account/index.tsx b/frontend/src/pages/account/index.tsx index c8223f4..2a8a43d 100644 --- a/frontend/src/pages/account/index.tsx +++ b/frontend/src/pages/account/index.tsx @@ -279,10 +279,7 @@ const Account = () => { ) : ( diff --git a/frontend/src/pages/account/reverseShares.tsx b/frontend/src/pages/account/reverseShares.tsx index a078f52..56f47b1 100644 --- a/frontend/src/pages/account/reverseShares.tsx +++ b/frontend/src/pages/account/reverseShares.tsx @@ -37,8 +37,6 @@ const MyShares = () => { const config = useConfig(); - const appUrl = config.get("general.appUrl"); - const [reverseShares, setReverseShares] = useState(); const getReverseShares = () => { @@ -146,7 +144,7 @@ const MyShares = () => { {reverseShare.shares.map((share) => ( @@ -159,14 +157,12 @@ const MyShares = () => { size={25} onClick={() => { if (window.isSecureContext) { - clipboard.copy(`${appUrl}/s/${share.id}`); + clipboard.copy( + `${window.location.origin}/s/${share.id}`, + ); toast.success(t("common.notify.copied")); } else { - showShareLinkModal( - modals, - share.id, - config.get("general.appUrl"), - ); + showShareLinkModal(modals, share.id); } }} > @@ -197,7 +193,7 @@ const MyShares = () => { onClick={() => { if (window.isSecureContext) { clipboard.copy( - `${config.get("general.appUrl")}/upload/${ + `${window.location.origin}/upload/${ reverseShare.token }`, ); @@ -206,7 +202,6 @@ const MyShares = () => { showReverseShareLinkModal( modals, reverseShare.token, - config.get("general.appUrl"), ); } }} diff --git a/frontend/src/pages/account/shares.tsx b/frontend/src/pages/account/shares.tsx index d7ac5b9..f354996 100644 --- a/frontend/src/pages/account/shares.tsx +++ b/frontend/src/pages/account/shares.tsx @@ -4,7 +4,6 @@ import { Button, Center, Group, - MediaQuery, Space, Stack, Table, @@ -109,7 +108,6 @@ const MyShares = () => { showShareInformationsModal( modals, share, - config.get("general.appUrl"), parseInt(config.get("share.maxSize")), ); }} @@ -123,15 +121,11 @@ const MyShares = () => { onClick={() => { if (window.isSecureContext) { clipboard.copy( - `${config.get("general.appUrl")}/s/${share.id}`, + `${window.location.origin}/s/${share.id}`, ); toast.success(t("common.notify.copied")); } else { - showShareLinkModal( - modals, - share.id, - config.get("general.appUrl"), - ); + showShareLinkModal(modals, share.id); } }} > diff --git a/frontend/src/pages/upload/index.tsx b/frontend/src/pages/upload/index.tsx index d965bda..a611ae8 100644 --- a/frontend/src/pages/upload/index.tsx +++ b/frontend/src/pages/upload/index.tsx @@ -135,7 +135,6 @@ const Upload = ({ { isUserSignedIn: user ? true : false, isReverseShare, - appUrl: config.get("general.appUrl"), allowUnauthenticatedShares: config.get( "share.allowUnauthenticatedShares", ), @@ -189,7 +188,7 @@ const Upload = ({ .completeShare(createdShare.id) .then((share) => { setisUploading(false); - showCompletedUploadModal(modals, share, config.get("general.appUrl")); + showCompletedUploadModal(modals, share); setFiles([]); }) .catch(() => toast.error(t("upload.notify.generic-error")));