cosmos-explorer/src/Explorer/Tabs/SettingsTabV2.tsx

import React from "react";
import * as ViewModels from "../../Contracts/ViewModels";
import { SettingsComponent } from "../Controls/Settings/SettingsComponent";
import TabsBase from "./TabsBase";

export class SettingsTabV2 extends TabsBase {
  public render(): JSX.Element {
    return <SettingsComponent settingsTab={this} />;
  }
}

export class CollectionSettingsTabV2 extends SettingsTabV2 {
  public onActivate(): void {
    super.onActivate();
    this.collection.selectedSubnodeKind(ViewModels.CollectionTabKind.CollectionSettingsV2);
  }
}

export class DatabaseSettingsTabV2 extends SettingsTabV2 {
  public onActivate(): void {
    super.onActivate();
    this.database.selectedSubnodeKind(ViewModels.CollectionTabKind.DatabaseSettingsV2);
  }
}