mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-02-08 09:15:12 +00:00
Update PanelContainerComponent.tsx
This commit is contained in:
parent
140313e5e3
commit
fd50580ff7
@ -1,5 +1,4 @@
|
|||||||
import { IPanelProps, IRenderFunction, Panel, PanelType } from "@fluentui/react";
|
import { IPanelProps, IRenderFunction, Panel, PanelType } from "@fluentui/react";
|
||||||
import { useSelectedNode } from "Explorer/useSelectedNode";
|
|
||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import { useNotificationConsole } from "../../hooks/useNotificationConsole";
|
import { useNotificationConsole } from "../../hooks/useNotificationConsole";
|
||||||
import { useSidePanel } from "../../hooks/useSidePanel";
|
import { useSidePanel } from "../../hooks/useSidePanel";
|
||||||
@ -78,19 +77,11 @@ export class PanelContainerComponent extends React.Component<PanelContainerProps
|
|||||||
}
|
}
|
||||||
|
|
||||||
private onDissmiss = (ev?: KeyboardEvent | React.SyntheticEvent<HTMLElement>): void => {
|
private onDissmiss = (ev?: KeyboardEvent | React.SyntheticEvent<HTMLElement>): void => {
|
||||||
const targetElementDataTest: string | undefined = useSelectedNode.getState().findSelectedCollection().id();
|
|
||||||
const targetElement: HTMLElement | null = document.querySelector(`[data-test="${targetElementDataTest}"]`);
|
|
||||||
if (ev && (ev.target as HTMLElement).id === "notificationConsoleHeader") {
|
if (ev && (ev.target as HTMLElement).id === "notificationConsoleHeader") {
|
||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
} else {
|
} else {
|
||||||
useSidePanel.getState().closeSidePanel();
|
useSidePanel.getState().closeSidePanel();
|
||||||
}
|
}
|
||||||
if (targetElement) {
|
|
||||||
const moreButton: HTMLElement | null = targetElement.querySelector('[name="More"]');
|
|
||||||
if (moreButton) {
|
|
||||||
moreButton.focus();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
private getPanelHeight = (): string => {
|
private getPanelHeight = (): string => {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user