aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/console/components/console/CompletionItem.tsx6
-rw-r--r--src/console/components/console/CompletionTitle.tsx8
2 files changed, 6 insertions, 8 deletions
diff --git a/src/console/components/console/CompletionItem.tsx b/src/console/components/console/CompletionItem.tsx
index 5f2f9f6..2451d87 100644
--- a/src/console/components/console/CompletionItem.tsx
+++ b/src/console/components/console/CompletionItem.tsx
@@ -38,7 +38,7 @@ const Description = styled.span`
overflow: hidden;
`;
-interface Props {
+interface Props extends React.HTMLAttributes<HTMLElement> {
shown: boolean;
highlight: boolean;
caption?: string;
@@ -46,9 +46,7 @@ interface Props {
icon?: string;
}
-const CompletionItem: React.FC<React.HTMLAttributes<HTMLElement> & Props> = (
- props
-) => (
+const CompletionItem: React.FC<Props> = (props) => (
<Container
icon={props.icon || ""}
aria-labelledby={`completion-item-${props.caption}`}
diff --git a/src/console/components/console/CompletionTitle.tsx b/src/console/components/console/CompletionTitle.tsx
index ec2fc8b..5594eb3 100644
--- a/src/console/components/console/CompletionTitle.tsx
+++ b/src/console/components/console/CompletionTitle.tsx
@@ -10,13 +10,13 @@ const Li = styled.li<{ shown: boolean }>`
padding: 0;
`;
-interface Props {
+interface Props extends React.HTMLAttributes<HTMLElement> {
shown: boolean;
title: string;
}
-const CompletionTitle: React.FC<React.HTMLAttributes<HTMLElement> & Props> = (
- props
-) => <Li {...props}>{props.title}</Li>;
+const CompletionTitle: React.FC<Props> = (props) => (
+ <Li {...props}>{props.title}</Li>
+);
export default CompletionTitle;