hunk.code_window:           category={Category.primary}
             className="t--delete-datasource"
             disabled={createMode || !canDeleteDatasource}
             key={buttonType}
  
hunk.labels: keep keep add keep
hunk.after_edit:           isLoading={isDeleting}
  
hunk.file_path: app/client/src/pages/common/datasourceAuth/index.tsx
hunk.type: add
file: import React, { useEffect } from "react";
  import { useDispatch, useSelector } from "react-redux";
  import { Spinner } from "@blueprintjs/core";
  import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
  import PageWrapper from "pages/common/PageWrapper";
  import { getSettingsLoadingState } from "selectors/settingsSelectors";
  import styled from "styled-components";
  import LeftPane from "@appsmith/pages/AdminSettings/LeftPane";
  import Main from "@appsmith/pages/AdminSettings/Main";
  import WithSuperUserHOC from "pages/Settings/WithSuperUserHoc";
  import { getCurrentUser } from "selectors/usersSelectors";
  import bootIntercom from "utils/bootIntercom";
  import { LoaderContainer } from "pages/Settings/components";
  
  const FlexContainer = styled.div`
    display: flex;
  `;
  
  function Settings() {
    const dispatch = useDispatch();
    const user = useSelector(getCurrentUser);
    const isLoading = useSelector(getSettingsLoadingState);
  
    useEffect(() => {
      if (user?.isSuperUser) {
        dispatch({
          type: ReduxActionTypes.FETCH_ADMIN_SETTINGS,
        });
      }
    }, []);
  
    useEffect(() => {
      bootIntercom(user);
    }, [user?.email]);
  
    return (
      <PageWrapper isFixed>
        <FlexContainer>
          {isLoading ? (
            <LoaderContainer>
              <Spinner />
            </LoaderContainer>
          ) : (
            <>
              <LeftPane />
              <Main />
            </>
          )}
        </FlexContainer>
      </PageWrapper>
    );
  }
  
  export default WithSuperUserHOC(Settings);
  