shrub/pkg/interface/webterm/InfoButton.tsx
tomholford 531fd61ace ux: add info modal
Add a new tab to the top bar that shows an alert with a brief usage guide.
2022-04-01 06:59:39 -07:00

20 lines
421 B
TypeScript

import React, { useCallback } from 'react';
import { Icon } from '@tlon/indigo-react';
export const InfoButton = () => {
const onInfoClick = useCallback(() => {
alert('To select text in the terminal, hold down the alt key.');
}, []);
return (
<>
<button className="info-btn" onClick={onInfoClick}>
<Icon
icon="Info"
size="18px"
/>
</button>
</>
);
};