Skip to content
This repository was archived by the owner on Jan 2, 2025. It is now read-only.

Show clipboard icon near sign-in link #1142

Merged
anastasiya1155 merged 1 commit into from
Nov 17, 2023
Merged

Show clipboard icon near sign-in link #1142

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 15 additions & 2 deletions client/src/pages/Onboarding/Desktop/UserForm/Step2.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import React, {
useState,
} from 'react';
import { Trans, useTranslation } from 'react-i18next';
import { ChevronRight, GitHubLogo } from '../../../../icons';
import { CheckIcon, Clipboard, GitHubLogo } from '../../../../icons';
import Tooltip from '../../../../components/Tooltip';
import { UIContext } from '../../../../context/uiContext';
import { DeviceContext } from '../../../../context/deviceContext';
Expand Down Expand Up @@ -145,10 +145,23 @@ const UserFormStep2 = ({ onContinue }: Props) => {
placement={'top'}
>
<p
className="text-label-link select-auto text-center break-words"
className="text-label-link select-auto text-center break-words leading-5"
onClick={handleCopy}
>
{loginUrl}
{isLinkCopied ? (
<CheckIcon
raw
sizeClassName="w-4 h-4"
className="ml-2 relative top-2"
/>
) : (
<Clipboard
raw
sizeClassName="w-4 h-4"
className="ml-2 cursor-pointer"
/>
)}
</p>
</Tooltip>
) : (
Expand Down