forked from abner/for-legacy-web
Run prettier on all files.
This commit is contained in:
@@ -1,49 +1,60 @@
|
||||
import { Text } from "preact-i18n";
|
||||
import Tippy, { TippyProps } from "@tippyjs/react";
|
||||
import styled from "styled-components";
|
||||
import { Children } from "../../types/Preact";
|
||||
import Tippy, { TippyProps } from '@tippyjs/react';
|
||||
|
||||
type Props = Omit<TippyProps, 'children'> & {
|
||||
children: Children;
|
||||
content: Children;
|
||||
}
|
||||
import { Text } from "preact-i18n";
|
||||
|
||||
import { Children } from "../../types/Preact";
|
||||
|
||||
type Props = Omit<TippyProps, "children"> & {
|
||||
children: Children;
|
||||
content: Children;
|
||||
};
|
||||
|
||||
export default function Tooltip(props: Props) {
|
||||
const { children, content, ...tippyProps } = props;
|
||||
const { children, content, ...tippyProps } = props;
|
||||
|
||||
return (
|
||||
<Tippy content={content} {...tippyProps}>
|
||||
{/*
|
||||
return (
|
||||
<Tippy content={content} {...tippyProps}>
|
||||
{/*
|
||||
// @ts-expect-error */}
|
||||
<div>{ children }</div>
|
||||
</Tippy>
|
||||
);
|
||||
<div>{children}</div>
|
||||
</Tippy>
|
||||
);
|
||||
}
|
||||
|
||||
const PermissionTooltipBase = styled.div`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
span {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: var(--secondary-foreground);
|
||||
font-size: 11px;
|
||||
}
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
code {
|
||||
font-family: var(--monoscape-font);
|
||||
}
|
||||
span {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: var(--secondary-foreground);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: var(--monoscape-font);
|
||||
}
|
||||
`;
|
||||
|
||||
export function PermissionTooltip(props: Omit<Props, 'content'> & { permission: string }) {
|
||||
const { permission, ...tooltipProps } = props;
|
||||
export function PermissionTooltip(
|
||||
props: Omit<Props, "content"> & { permission: string },
|
||||
) {
|
||||
const { permission, ...tooltipProps } = props;
|
||||
|
||||
return (
|
||||
<Tooltip content={<PermissionTooltipBase>
|
||||
<span><Text id="app.permissions.required" /></span>
|
||||
<code>{ permission }</code>
|
||||
</PermissionTooltipBase>} {...tooltipProps} />
|
||||
)
|
||||
return (
|
||||
<Tooltip
|
||||
content={
|
||||
<PermissionTooltipBase>
|
||||
<span>
|
||||
<Text id="app.permissions.required" />
|
||||
</span>
|
||||
<code>{permission}</code>
|
||||
</PermissionTooltipBase>
|
||||
}
|
||||
{...tooltipProps}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user