fix: copy shared secret link to clipboard on generate

This commit is contained in:
Scott Wilson
2024-10-28 10:25:09 -07:00
parent 38ede687cd
commit b3cf43b46d
3 changed files with 90 additions and 86 deletions
@@ -85,18 +85,22 @@ export const ShareSecretForm = ({ isPublic, value }: Props) => {
accessType
});
setSecretLink(`${window.location.origin}/shared/secret/${id}`);
const link = `${window.location.origin}/shared/secret/${id}`;
setSecretLink(link);
reset();
navigator.clipboard.writeText(link);
setCopyTextSecret("secret");
createNotification({
text: "Successfully created a shared secret",
text: "Shared secret link copied to clipboard.",
type: "success"
});
} catch (error) {
console.error(error);
createNotification({
text: "Failed to create a shared secret",
text: "Failed to create a shared secret.",
type: "error"
});
}
@@ -226,7 +230,7 @@ export const ShareSecretForm = ({ isPublic, value }: Props) => {
isLoading={isSubmitting}
isDisabled={isSubmitting}
>
Create secret link
Create Secret Link
</Button>
</form>
) : (
@@ -253,7 +257,7 @@ export const ShareSecretForm = ({ isPublic, value }: Props) => {
onClick={() => setSecretLink("")}
rightIcon={<FontAwesomeIcon icon={faRedo} className="pl-2" />}
>
Share another secret
Share Another Secret
</Button>
</>
);
@@ -73,7 +73,7 @@ export const PasswordContainer = ({
onClick={() => window.open("https://app.infisical.com/share-secret", "_blank")}
rightIcon={<FontAwesomeIcon icon={faArrowRight} className="pl-2" />}
>
Share your own secret
Share Your Own Secret
</Button>
</div>
);
@@ -79,7 +79,7 @@ export const SecretContainer = ({ secret, secretKey: key }: Props) => {
onClick={() => window.open("https://app.infisical.com/share-secret", "_blank")}
rightIcon={<FontAwesomeIcon icon={faArrowRight} className="pl-2" />}
>
Share your own secret
Share Your Own Secret
</Button>
</div>
);