You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

withAppStateContext.tsx 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /*
  2. * SonarQube
  3. * Copyright (C) 2009-2024 SonarSource SA
  4. * mailto:info AT sonarsource DOT com
  5. *
  6. * This program is free software; you can redistribute it and/or
  7. * modify it under the terms of the GNU Lesser General Public
  8. * License as published by the Free Software Foundation; either
  9. * version 3 of the License, or (at your option) any later version.
  10. *
  11. * This program is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14. * Lesser General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  19. */
  20. import * as React from 'react';
  21. import { getWrappedDisplayName } from '../../../components/hoc/utils';
  22. import { AppState } from '../../../types/appstate';
  23. import { AppStateContext } from './AppStateContext';
  24. export interface WithAppStateContextProps {
  25. appState: AppState;
  26. }
  27. export default function withAppStateContext<P>(
  28. WrappedComponent: React.ComponentType<React.PropsWithChildren<P & WithAppStateContextProps>>,
  29. ) {
  30. return class WithAppStateContext extends React.PureComponent<
  31. Omit<P, keyof WithAppStateContextProps>
  32. > {
  33. static displayName = getWrappedDisplayName(WrappedComponent, 'withAppStateContext');
  34. render() {
  35. return (
  36. <AppStateContext.Consumer>
  37. {(appState) => <WrappedComponent appState={appState} {...(this.props as P)} />}
  38. </AppStateContext.Consumer>
  39. );
  40. }
  41. };
  42. }
  43. export function useAppState() {
  44. return React.useContext(AppStateContext);
  45. }