-
{newSharedSecret}
-
-
-
- Click to Copy
-
-
+
+
+
+
{newSharedSecret}
+
+
+
+ Click to Copy
+
+
+
);
diff --git a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
index 727e9cc09..12489f1e2 100644
--- a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
+++ b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
@@ -3,16 +3,18 @@ import Head from "next/head";
import Image from "next/image";
import Link from "next/link";
import { useRouter } from "next/router";
-import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
+import { faArrowRight, faPlus } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { decryptSymmetric } from "@app/components/utilities/cryptography/crypto";
-import { useTimedReset } from "@app/hooks";
+import { Button } from "@app/components/v2";
+import { usePopUp, useTimedReset } from "@app/hooks";
import { useGetActiveSharedSecretByIdAndHashedHex } from "@app/hooks/api/secretSharing";
+import { AddShareSecretModal } from "../ShareSecretPage/components/AddShareSecretModal";
import { SecretTable } from "./components";
-export const ShareSecretPublicPage = () => {
+export const ShareSecretPublicPage = ({ isNewSession }: { isNewSession: boolean }) => {
const router = useRouter();
const { id, key: urlEncodedPublicKey } = router.query;
const [hashedHex, key] = urlEncodedPublicKey
@@ -52,7 +54,7 @@ export const ShareSecretPublicPage = () => {
navigator.clipboard.writeText(decryptedSecret);
setIsUrlCopied(true);
};
- // const { popUp, handlePopUpToggle } = usePopUp(["createSharedSecret"] as const);
+ const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["createSharedSecret"] as const);
return (
@@ -60,16 +62,22 @@ export const ShareSecretPublicPage = () => {
Secret Shared | Infisical
-
-
-
-
-
-
-
+
+
+
+
+
+
+
{id ? "Someone shared a secret on Infisical with you." : "Share Secrets with Infisical"}
-
+
{id && (
{
)}
-
-
+ {isNewSession && (
+
+ )}
+
+
-
-
+
+
Safe, Secure, & Open Source
- Infisical is the
open source
- secrets management platform for developers.
-
- Infisical Secret Sharing uses end-to-end encrypted architecture to ensure that
- your secrets are truly private (even from us).
+ {" "}
+ secrets management platform for developers.
+
+ Infisical Secret Sharing uses end-to-end encrypted architecture to ensure that your
+ secrets are truly private (even from us).
-
Learn More
+
+
+ Learn More
+
+
+ {!isNewSession && (
+
+
+
+ )}
-
- {/*
*/}
-
+
© 2024{" "}
Infisical
- . All rights reserved.
+
+ . All rights reserved.
156 2nd st, 3rd Floor, San Francisco, California, 94105, United States. 🇺🇸
+
);
diff --git a/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx b/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx
index 5701604e8..d2a17e566 100644
--- a/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx
+++ b/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx
@@ -16,7 +16,7 @@ export const SecretTable = ({
isUrlCopied,
copyUrlToClipboard
}: Props) => (
-
+
{isLoading &&
Loading...
}
{!isLoading && !decryptedSecret && (
@@ -26,16 +26,18 @@ export const SecretTable = ({
)}
{!isLoading && decryptedSecret && (
-