Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 17:08:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 83

Update API token modal to use new clipboard icon (#6234)

Browse source
This commit is contained in:
Luke Heath 2022-06-15 12:30:36 -07:00 committed by GitHub
parent 1258048000
commit 1f3001b97e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/components/EnrollSecretTable/EnrollSecretRow/EnrollSecretRow.tsx
View file

@ -7,7 +7,7 @@ import Button from "components/buttons/Button";
// @ts-ignore
import InputField from "components/forms/fields/InputField";
// @ts-ignore
import FleetIcon from "components/icons/FleetIcon";
import ClipboardIcon from "../../../../assets/images/icon-copy-clipboard-fleet-blue-20x20@2x.png";
import EyeIcon from "../../../../assets/images/icon-eye-16x16@2x.png";
import EditIcon from "../../../../assets/images/icon-pencil-14x14@2x.png";
import DeleteIcon from "../../../../assets/images/icon-trash-14x14@2x.png";
@ -77,7 +77,7 @@ const EnrollSecretRow = ({
className={`${baseClass}__secret-copy-icon`}
onClick={onCopySecret}
>
<FleetIcon name="clipboard" />
<img src={ClipboardIcon} alt="copy to clipboard" />
</Button>
<a
href="#showSecret"

4
frontend/components/SecretField/SecretField.tsx
View file

@ -6,8 +6,8 @@ import Button from "components/buttons/Button";
// @ts-ignore
import InputField from "components/forms/fields/InputField";
// @ts-ignore
import FleetIcon from "components/icons/FleetIcon";
import EyeIcon from "../../../assets/images/icon-eye-16x16@2x.png";
import ClipboardIcon from "../../../assets/images/icon-copy-clipboard-fleet-blue-20x20@2x.png";
const baseClass = "secret-field";
@ -50,7 +50,7 @@ const SecretField = ({ secret }: ISecretFieldProps): JSX.Element | null => {
className={`${baseClass}__secret-copy-icon`}
onClick={onCopySecret}
>
<FleetIcon name="clipboard" />
<img src={ClipboardIcon} alt="copy to clipboard" />
</Button>
<a
href="#showSecret"

6
frontend/components/SecretField/_styles.scss
View file

@ -10,7 +10,7 @@
.input-field {
width: 100%;
padding-right: 20%;
padding-right: 16%;
&--disabled {
letter-spacing: 0;
@ -25,13 +25,13 @@
&__secret-copy-icon {
color: $core-vibrant-blue;
margin-left: $pad-small;
margin-right: $pad-medium;
margin-right: $pad-small;
}
.copy-message {
position: absolute;
top: -32px;
right: 16px;
right: 10px;
}
.buttons {

4
frontend/pages/UserSettingsPage/UserSettingsPage.tsx
View file

@ -237,7 +237,7 @@ const UserSettingsPage = ({ router }: IUserSettingsPageProps) => {
<strong>This token expires.</strong> If you want an API key for a
permanent integration, create an&nbsp;
<a
href="https://fleetdm.com/docs/deploying/configuration#session-duration?utm_medium=fleetui&utm_campaign=get-api-token"
href="https://fleetdm.com/docs/using-fleet/fleetctl-cli#using-fleetctl-with-an-api-only-user?utm_medium=fleetui&utm_campaign=get-api-token"
target="_blank"
rel="noopener noreferrer"
>
@ -258,7 +258,7 @@ const UserSettingsPage = ({ router }: IUserSettingsPageProps) => {
This token is intended for SSO users to authenticate in the fleetctl
CLI. It expires based on the{" "}
<a
href="https://fleetdm.com/docs/using-fleet/fleetctl-cli#using-fleetctl-with-an-api-only-user?utm_medium=fleetui&utm_campaign=get-api-token"
href="https://fleetdm.com/docs/deploying/configuration#session-duration?utm_medium=fleetui&utm_campaign=get-api-token"
target="_blank"
rel="noopener noreferrer"
>