add tooltip for HomeIcon

pull/3137/head
Joseph Izang 2 years ago
parent 8dd32709a4
commit 0728a5ac5b
  1. 7
      libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx

@ -1,3 +1,4 @@
import { CustomTooltip } from '@remix-ui/helper'
import React from 'react' import React from 'react'
import BasicLogo from './BasicLogo' import BasicLogo from './BasicLogo'
interface HomeProps { interface HomeProps {
@ -6,16 +7,20 @@ interface HomeProps {
function Home ({ verticalIconPlugin }: HomeProps) { function Home ({ verticalIconPlugin }: HomeProps) {
return ( return (
<CustomTooltip
placement="right"
tooltipText={"Home"}
>
<div <div
className="mt-2 my-1 remixui_homeIcon" className="mt-2 my-1 remixui_homeIcon"
onClick={async () => await verticalIconPlugin.activateHome()} onClick={async () => await verticalIconPlugin.activateHome()}
{...{ plugin: 'home'}} {...{ plugin: 'home'}}
title="Home"
data-id="verticalIconsHomeIcon" data-id="verticalIconsHomeIcon"
id="verticalIconsHomeIcon" id="verticalIconsHomeIcon"
> >
<BasicLogo /> <BasicLogo />
</div> </div>
</CustomTooltip>
) )
} }

Loading…
Cancel
Save