diff --git a/src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/CopyTokenDialog.module.scss b/src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/CopyTokenDialog.module.scss new file mode 100644 index 00000000..18f58aef --- /dev/null +++ b/src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/CopyTokenDialog.module.scss @@ -0,0 +1,5 @@ +@use 'src/styles/utility' as *; + +.content { + padding: 0 rem(3.5) 0 rem(3.5); +} diff --git a/src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/index.tsx b/src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/index.tsx index b81101cb..3bf3aba0 100644 --- a/src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/index.tsx +++ b/src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/index.tsx @@ -1,6 +1,7 @@ import React, { useMemo, useCallback } from 'react'; import { Modal } from '@deriv/ui'; import { TModalActionButton } from '@deriv/ui/dist/types/src/components/core/modal/types'; +import styles from './CopyTokenDialog.module.scss'; type TCopyTokenDialog = { setToggleModal: React.Dispatch>; @@ -45,13 +46,19 @@ const CopyTokenDialog = ({ setToggleModal, copyToken }: TCopyTokenDialog) => {
- + +
+ Be careful who you share this token with. Anyone with this token can perform the + following actions on your account behalf +
    +
  • Add accounts
  • + +
  • Create or delete API tokens for trading and withdrawals
  • + +
  • Modify account settings
  • +
+
+