diff --git a/frontend/src/const.ts b/frontend/src/const.ts
index 4d13b4602..657145b39 100644
--- a/frontend/src/const.ts
+++ b/frontend/src/const.ts
@@ -24,7 +24,8 @@ export const publicPaths = [
"/login/provider/error", // TODO: change
"/login/sso",
"/admin/signup",
- "/shared/secret/[id]"
+ "/shared/secret/[id]",
+ "/shared/secret"
];
export const languageMap = {
diff --git a/frontend/src/pages/shared/secret/index.tsx b/frontend/src/pages/shared/secret/index.tsx
new file mode 100644
index 000000000..7f53d962d
--- /dev/null
+++ b/frontend/src/pages/shared/secret/index.tsx
@@ -0,0 +1,24 @@
+import Head from "next/head";
+
+import { ShareSecretPublicPage } from "@app/views/ShareSecretPublicPage";
+
+const SecretApproval = () => {
+ return (
+ <>
+
+ Securely Share Secrets | Infisical
+
+
+
+
+
+
+
+
+ >
+ );
+};
+
+export default SecretApproval;
+
+SecretApproval.requireAuth = false;
diff --git a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
index d0a9bfaf7..45996c34f 100644
--- a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
+++ b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
@@ -17,15 +17,11 @@ import { SecretTable } from "./components";
export const ShareSecretPublicPage = () => {
const router = useRouter();
const { id, key: urlEncodedPublicKey } = router.query;
- const [hashedHex, key] = urlEncodedPublicKey!.toString().split("-");
+ const [hashedHex, key] = urlEncodedPublicKey
+ ? urlEncodedPublicKey.toString().split("-")
+ : ["", ""];
const publicKey = decodeURIComponent(urlEncodedPublicKey as string);
- useEffect(() => {
- if (!id || !publicKey) {
- router.push("/404");
- }
- }, [id, publicKey]);
-
const { isLoading, data } = useGetActiveSharedSecretByIdAndHashedHex(
id as string,
hashedHex as string
@@ -82,7 +78,7 @@ export const ShareSecretPublicPage = () => {
- Secret Shared via Infisical
+ {id ? "Secret Shared via Infisical" : "Share Secrets with Infisical"}
@@ -95,12 +91,14 @@ export const ShareSecretPublicPage = () => {
-
+ {id && (
+
+ )}