thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

chore: code refactor (#2450)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-10-17 12:19:34 +05:30 committed by GitHub
parent fc99615875
commit e496cec49f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/package.json
View File

@ -33,8 +33,6 @@
"dependencies": { "dependencies": {
"@blueprintjs/core": "^4.16.3", "@blueprintjs/core": "^4.16.3",
"@blueprintjs/popover2": "^1.13.3", "@blueprintjs/popover2": "^1.13.3",
"@headlessui/react": "^1.7.17", "@headlessui/react": "^1.7.17"
"clsx": "^2.0.0",
"next-themes": "^0.2.1"
} }
} }

4
packages/ui/src/button/button.tsx
View File

@ -47,13 +47,13 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
> >
{prependIcon && ( {prependIcon && (
<div className={buttonIconStyle}> <div className={buttonIconStyle}>
{React.cloneElement(prependIcon, { "stroke-width": 2 })} {React.cloneElement(prependIcon, { strokeWidth: 2 })}
</div> </div>
)} )}
{children} {children}
{appendIcon && ( {appendIcon && (
<div className={buttonIconStyle}> <div className={buttonIconStyle}>
{React.cloneElement(appendIcon, { "stroke-width": 2 })} {React.cloneElement(appendIcon, { strokeWidth: 2 })}
</div> </div>
)} )}
</button> </button>

23
packages/ui/src/tooltip/tooltip.tsx
View File

@ -1,7 +1,6 @@
import React from "react"; import React from "react";
// next-themes // next-themes
import { useTheme } from "next-themes";
import { Tooltip2 } from "@blueprintjs/popover2"; import { Tooltip2 } from "@blueprintjs/popover2";
export type TPosition = export type TPosition =
@ -41,30 +40,17 @@ export const Tooltip: React.FC<ITooltipProps> = ({
className = "", className = "",
openDelay = 200, openDelay = 200,
closeDelay, closeDelay,
}) => { }) => (
const { theme } = useTheme();
return (
<Tooltip2 <Tooltip2
disabled={disabled} disabled={disabled}
hoverOpenDelay={openDelay} hoverOpenDelay={openDelay}
hoverCloseDelay={closeDelay} hoverCloseDelay={closeDelay}
content={ content={
<div <div
className={`relative z-50 max-w-xs gap-1 rounded-md p-2 text-xs shadow-md ${ className={`relative z-50 max-w-xs gap-1 rounded-md p-2 text-xs shadow-md bg-custom-background-100 text-custom-text-200 break-words overflow-hidden ${className}`}
theme === "custom"
? "bg-custom-background-100 text-custom-text-200"
: "bg-black text-gray-400"
} break-words overflow-hidden ${className}`}
> >
{tooltipHeading && ( {tooltipHeading && (
<h5 <h5 className="font-medium text-custom-text-100">{tooltipHeading}</h5>
className={`font-medium ${
theme === "custom" ? "text-custom-text-100" : "text-white"
}`}
>
{tooltipHeading}
</h5>
)} )}
{tooltipContent} {tooltipContent}
</div> </div>
@ -82,5 +68,4 @@ export const Tooltip: React.FC<ITooltipProps> = ({
}) })
} }
/> />
); );
};