go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/analysis/frontend/ui/src/components/top_bar/top_bar_context.tsx (about)

     1  // Copyright 2022 The LUCI Authors.
     2  //
     3  // Licensed under the Apache License, Version 2.0 (the "License");
     4  // you may not use this file except in compliance with the License.
     5  // You may obtain a copy of the License at
     6  //
     7  //      http://www.apache.org/licenses/LICENSE-2.0
     8  //
     9  // Unless required by applicable law or agreed to in writing, software
    10  // distributed under the License is distributed on an "AS IS" BASIS,
    11  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12  // See the License for the specific language governing permissions and
    13  // limitations under the License.
    14  
    15  import {
    16    createContext,
    17    Dispatch,
    18    SetStateAction,
    19    useState,
    20  } from 'react';
    21  
    22  type AnchorElNav = null | HTMLElement;
    23  
    24  export interface TopBarContextState {
    25    anchorElNav: AnchorElNav;
    26    setAnchorElNav: Dispatch<SetStateAction<AnchorElNav>>
    27  }
    28  
    29  export const TopBarContext = createContext<TopBarContextState>({
    30    anchorElNav: null,
    31    // eslint-disable-next-line @typescript-eslint/no-empty-function
    32    setAnchorElNav: () => {},
    33  });
    34  
    35  interface Props {
    36    children: React.ReactNode;
    37  }
    38  
    39  export const TopBarContextProvider = ({ children }: Props) => {
    40    const [anchorElNav, setAnchorElNav] = useState<AnchorElNav>(null);
    41    return (
    42      <TopBarContext.Provider value={{ anchorElNav, setAnchorElNav }}>
    43        {children}
    44      </TopBarContext.Provider>
    45    );
    46  };