diff --git a/frontend/src/pages/share-secret/index.tsx b/frontend/src/pages/share-secret/index.tsx index 7f53d962d..95007a4a9 100644 --- a/frontend/src/pages/share-secret/index.tsx +++ b/frontend/src/pages/share-secret/index.tsx @@ -12,7 +12,7 @@ const SecretApproval = () => { -
+
diff --git a/frontend/src/pages/shared/secret/[id]/index.tsx b/frontend/src/pages/shared/secret/[id]/index.tsx index 7f53d962d..95007a4a9 100644 --- a/frontend/src/pages/shared/secret/[id]/index.tsx +++ b/frontend/src/pages/shared/secret/[id]/index.tsx @@ -12,7 +12,7 @@ const SecretApproval = () => { -
+
diff --git a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx index 6486fb660..727e9cc09 100644 --- a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx +++ b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx @@ -3,12 +3,13 @@ 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 { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { decryptSymmetric } from "@app/components/utilities/cryptography/crypto"; -import { usePopUp, useTimedReset } from "@app/hooks"; +import { useTimedReset } from "@app/hooks"; import { useGetActiveSharedSecretByIdAndHashedHex } from "@app/hooks/api/secretSharing"; -import { AddShareSecretModal } from "../ShareSecretPage/components/AddShareSecretModal"; import { SecretTable } from "./components"; export const ShareSecretPublicPage = () => { @@ -51,91 +52,81 @@ export const ShareSecretPublicPage = () => { navigator.clipboard.writeText(decryptedSecret); setIsUrlCopied(true); }; - const { popUp, handlePopUpToggle } = usePopUp(["createSharedSecret"] as const); + // const { popUp, handlePopUpToggle } = usePopUp(["createSharedSecret"] as const); return ( -
+
Secret Shared | Infisical - -
+
- Infisical logo +
+ Infisical logo +
-
+

+ {id ? "Someone shared a secret on Infisical with you." : "Share Secrets with Infisical"} +

+
+ {id && ( + + )} +
-
-
-

- {id ? "Secret Shared via Infisical" : "Share Secrets with Infisical"} -

-
-
-

- Safe & Secure -

-

- Infisical uses Zero Knowledge to ensure that - your secrets are truly private (even from us). -

-
-
- {id && ( - - )} -
-
-

- Open Source -

-

- Infisical is open source.
- Check us out on{" "} - - GitHub - - . -

-
+
+
+
+ +
+
+

+ 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). +

+ Learn More
-
- + + {/*
+
+ +
+
*/} +
+

+ © 2024{" "} + + Infisical + . All rights reserved. +
+ 156 2nd st, 3rd Floor, San Francisco, California, 94105, United States. 🇺🇸 +

-
-

- Developed by{" "} - - Infisical - -
- Open Source Secret Management{" "} -

-
); }; diff --git a/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx b/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx index 14c5092e7..5701604e8 100644 --- a/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx +++ b/frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx @@ -1,7 +1,7 @@ import { faCheck, faCopy, faKey } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { EmptyState, IconButton, SecretInput, Td, Tr } from "@app/components/v2"; +import { EmptyState, IconButton, Td, Tr } from "@app/components/v2"; type Props = { isLoading: boolean; @@ -16,7 +16,7 @@ export const SecretTable = ({ isUrlCopied, copyUrlToClipboard }: Props) => ( -
+
{isLoading &&
Loading...
} {!isLoading && !decryptedSecret && ( @@ -26,19 +26,21 @@ export const SecretTable = ({ )} {!isLoading && decryptedSecret && ( - <> -
- +
+
+
{decryptedSecret}
- + Copy - +
)}
);