Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(docs): change icon for copy action #62

Merged
merged 1 commit into from
Nov 19, 2024
Merged

feat(docs): change icon for copy action #62

Show file tree
Hide file tree
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
10 changes: 6 additions & 4 deletions src/components/RPCMethod.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ import SyntaxHighlighter from 'react-syntax-highlighter';
import { getExampleRequest } from '@/lib/helper';
import { Method, Param } from '@/lib/types';

import CopyIcon from '@/components/buttons/CopyIcon';

const RPCMethod = ({
pkg,
method,
Expand Down Expand Up @@ -71,14 +73,14 @@ const RPCMethod = ({
text={`${window.location.origin}/?version=${selectedVersion}#${pkg}.${method.name}`}
onCopy={handleCopyClick}
>
<span
className='cursor-pointer text-gray-500 hover:text-blue-500'
<div
className='cursor-pointer'
onClick={() => {
window.location.hash = `${pkg}.${method.name}`;
}}
>
#
</span>
<CopyIcon />
</div>
</CopyToClipboard>
</div>
<p className='text-sm font-light text-gray-700'>{method.description}</p>
Expand Down
29 changes: 29 additions & 0 deletions src/components/buttons/CopyIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
function CopyIcon({
className = 'text-gray-500 hover:text-blue-500',
}: {
className?: string;
}) {
return (
<svg
className={className}
fill='currentColor'
width='18'
height='18'
viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'
>
<g id='Frame'>
<path
id='Vector'
d='M7.5 3.375C7.5 2.339 8.34 1.5 9.375 1.5H9.75C10.7446 1.5 11.6984 1.89509 12.4017 2.59835C13.1049 3.30161 13.5 4.25544 13.5 5.25V7.125C13.5 8.161 14.34 9 15.375 9H17.25C18.2446 9 19.1984 9.39509 19.9017 10.0983C20.6049 10.8016 21 11.7554 21 12.75V16.125C21 17.16 20.16 18 19.125 18H9.375C8.87772 18 8.4008 17.8025 8.04917 17.4508C7.69754 17.0992 7.5 16.6223 7.5 16.125V3.375Z'
/>
<path
id='Vector_2'
d='M15 5.24992C15.0018 3.98846 14.5475 2.76888 13.721 1.81592C15.3943 2.25588 16.9207 3.13239 18.1441 4.3558C19.3675 5.57922 20.244 7.10563 20.684 8.77892C19.731 7.9524 18.5115 7.49817 17.25 7.49992H15.375C15.2755 7.49992 15.1802 7.46041 15.1098 7.39008C15.0395 7.31976 15 7.22437 15 7.12492V5.24992ZM4.875 5.99992H6V16.1249C6 17.02 6.35558 17.8785 6.98851 18.5114C7.62145 19.1443 8.47989 19.4999 9.375 19.4999H16.5V20.6249C16.5 21.6599 15.66 22.4999 14.625 22.4999H4.875C4.37772 22.4999 3.90081 22.3024 3.54917 21.9507C3.19754 21.5991 3 21.1222 3 20.6249V7.87492C3 6.83892 3.84 5.99992 4.875 5.99992Z'
/>
</g>
</svg>
);
}

export default CopyIcon;
Loading