fix: compass readonly allows to drop namespaces from the sidebar COMPASS-6687 (#4266)

* fix: compass readonly allows to drop namespaces from the sidebar COMPASS-6687

* refactor: build isReadOnly at database sidebar navigation level

* test: rename tests back

Author: alenakhineika

packages/compass-databases-navigation/src/databases-navigation-tree.tsx

@@ -160,7 +160,6 @@ const DatabasesNavigationTree: React.FunctionComponent<{
   __TEST_REACT_WINDOW_OVERSCAN = null,
 }) => {
   const listRef = useRef<List | null>(null);
-
   const id = useId();
 
   const items: TreeItem[] = useMemo(() => {

…mponents/sidebar-databases-navigation.ts …ponents/sidebar-databases-navigation.tsxpackages/compass-sidebar/src/components/sidebar-databases-navigation.ts renamed to packages/compass-sidebar/src/components/sidebar-databases-navigation.tsx packages/compass-sidebar/src/components/sidebar-databases-navigation.ts renamed to packages/compass-sidebar/src/components/sidebar-databases-navigation.tsx

@@ -8,6 +8,22 @@ import toNS from 'mongodb-ns';
 import { toggleDatabaseExpanded } from '../modules/databases';
 import { withPreferences } from 'compass-preferences-model';
 
+function SidebarDatabasesNavigation(
+  dbNavigationProps: React.ComponentProps<typeof DatabasesNavigationTree> & {
+    readOnly?: boolean;
+    isDataLake?: boolean;
+    isWritable?: boolean;
+  }
+) {
+  const isReadOnly =
+    dbNavigationProps.readOnly ||
+    dbNavigationProps.isDataLake ||
+    !dbNavigationProps.isWritable;
+  return (
+    <DatabasesNavigationTree {...dbNavigationProps} isReadOnly={isReadOnly} />
+  );
+}
+
 function mapStateToProps(state: any) {
   // TODO: type state
   const {
@@ -79,4 +95,4 @@ const onNamespaceAction = (namespace: string, action: Actions) => {
 export default connect(mapStateToProps, {
   onDatabaseExpand: toggleDatabaseExpanded,
   onNamespaceAction,
-})(withPreferences(DatabasesNavigationTree, ['readOnly'], React));
+})(withPreferences(SidebarDatabasesNavigation, ['readOnly'], React));