mirror of
https://github.com/geoffsee/open-gsio.git
synced 2025-09-08 22:56:46 +00:00
35 lines
850 B
TypeScript
35 lines
850 B
TypeScript
import { IconButton } from '@chakra-ui/react';
|
|
import { HardDriveDownload } from 'lucide-react';
|
|
import React from 'react';
|
|
import { usePWAInstall } from 'react-use-pwa-install';
|
|
|
|
import { toolbarButtonZIndex } from './toolbar/Toolbar.tsx';
|
|
|
|
function InstallButton() {
|
|
const install = usePWAInstall();
|
|
|
|
// <button onClick={handleInstall}>Install App</button>;
|
|
return (
|
|
<IconButton
|
|
aria-label="Install App"
|
|
title="Install App"
|
|
icon={<HardDriveDownload />}
|
|
size="md"
|
|
bg="transparent"
|
|
stroke="text.accent"
|
|
color="text.accent"
|
|
onClick={() => install}
|
|
_hover={{
|
|
bg: 'transparent',
|
|
svg: {
|
|
stroke: 'accent.secondary',
|
|
transition: 'stroke 0.3s ease-in-out',
|
|
},
|
|
}}
|
|
zIndex={toolbarButtonZIndex}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default InstallButton;
|