Change: Rename Toolbar module to ToolBar

Use PascalCase naming for components and modules.

Author: bjoernricks

src/web/components/bar/Toolbar.tsx src/web/components/bar/ToolBar.tsxsrc/web/components/bar/Toolbar.tsx renamed to src/web/components/bar/ToolBar.tsx

@@ -7,11 +7,11 @@ import {type ReactNode} from 'react';
 import Layout from 'web/components/layout/Layout';
 import IconSizeProvider from 'web/components/provider/IconSizeProvider';
 
-interface ToolbarProps {
+interface ToolBarProps {
   children?: ReactNode;
 }
 
-const Toolbar = ({children}: ToolbarProps) => {
+const ToolBar = ({children}: ToolBarProps) => {
   return (
     <IconSizeProvider size="small">
       <Layout flex align={['space-between', 'start']} data-testid="toolbar">
@@ -21,4 +21,4 @@ const Toolbar = ({children}: ToolbarProps) => {
   );
 };
 
-export default Toolbar;
+export default ToolBar;

…omponents/bar/__tests__/Toolbar.test.tsx …omponents/bar/__tests__/ToolBar.test.tsxsrc/web/components/bar/__tests__/Toolbar.test.tsx renamed to src/web/components/bar/__tests__/ToolBar.test.tsx src/web/components/bar/__tests__/Toolbar.test.tsx renamed to src/web/components/bar/__tests__/ToolBar.test.tsx

@@ -5,14 +5,14 @@
 
 import {describe, test, expect} from '@gsa/testing';
 import {render, screen} from 'web/testing';
-import Toolbar from 'web/components/bar/Toolbar';
+import ToolBar from 'web/components/bar/ToolBar';
 
 describe('Toolbar tests', () => {
   test('should render with children', () => {
     render(
-      <Toolbar>
+      <ToolBar>
         <button>Test Button</button>
-      </Toolbar>,
+      </ToolBar>,
     );
 
     const toolbar = screen.getByTestId('toolbar');

src/web/entities/EntitiesPage.tsx

@@ -11,7 +11,7 @@ import {type default as Filter, type FilterType} from 'gmp/models/filter';
 import type Model from 'gmp/models/model';
 import {isDefined, hasValue} from 'gmp/utils/identity';
 import {excludeObjectProps} from 'gmp/utils/object';
-import Toolbar from 'web/components/bar/Toolbar';
+import ToolBar from 'web/components/bar/ToolBar';
 import ErrorMessage from 'web/components/error/ErrorMessage';
 import Layout from 'web/components/layout/Layout';
 import Loading from 'web/components/loading/Loading';
@@ -278,10 +278,10 @@ class EntitiesPage<
 
   renderToolbar() {
     return (
-      <Toolbar>
+      <ToolBar>
         {this.renderToolbarIcons()}
         {this.renderPowerFilter()}
-      </Toolbar>
+      </ToolBar>
     );
   }
 

src/web/entity/EntityPage.tsx

@@ -10,7 +10,7 @@ import type Model from 'gmp/models/model';
 import {type EntityType, getEntityType, typeName} from 'gmp/utils/entity-type';
 import {isDefined} from 'gmp/utils/identity';
 import {shorten} from 'gmp/utils/string';
-import Toolbar from 'web/components/bar/Toolbar';
+import ToolBar from 'web/components/bar/ToolBar';
 import ErrorMessage from 'web/components/error/ErrorMessage';
 import Message from 'web/components/error/Message';
 import Layout from 'web/components/layout/Layout';
@@ -223,7 +223,7 @@ const EntityPage = <TEntity extends Model>({
 
   return (
     <Layout align="start" flex="column" grow="1">
-      <Toolbar>{renderToolbarIcons()}</Toolbar>
+      <ToolBar>{renderToolbarIcons()}</ToolBar>
       {renderSection()}
     </Layout>
   );

src/web/entity/Page.jsx

@@ -8,7 +8,7 @@ import styled from 'styled-components';
 import {typeName} from 'gmp/utils/entity-type';
 import {isDefined} from 'gmp/utils/identity';
 import {shorten} from 'gmp/utils/string';
-import Toolbar from 'web/components/bar/Toolbar';
+import ToolBar from 'web/components/bar/ToolBar';
 import ErrorMessage from 'web/components/error/ErrorMessage';
 import Message from 'web/components/error/Message';
 import Layout from 'web/components/layout/Layout';
@@ -162,7 +162,7 @@ class EntityPage extends React.Component {
 
     return (
       <Layout align="start" flex="column" grow="1">
-        <Toolbar>{this.renderToolbarIcons()}</Toolbar>
+        <ToolBar>{this.renderToolbarIcons()}</ToolBar>
         {this.renderSection()}
       </Layout>
     );

src/web/pages/reports/AuditReportDetailsContent.tsx

@@ -15,7 +15,7 @@ import type ReportTLSCertificate from 'gmp/models/report/tls-certificate';
 import {isActive, TASK_STATUS, type TaskStatus} from 'gmp/models/task';
 import {isDefined} from 'gmp/utils/identity';
 import StatusBar from 'web/components/bar/StatusBar';
-import ToolBar from 'web/components/bar/Toolbar';
+import ToolBar from 'web/components/bar/ToolBar';
 import DateTime from 'web/components/date/DateTime';
 import ErrorPanel from 'web/components/error/ErrorPanel';
 import {ReportIcon} from 'web/components/icon';

src/web/pages/reports/DeltaReportDetailsContent.tsx

@@ -17,7 +17,7 @@ import type ReportTask from 'gmp/models/report/task';
 import {TASK_STATUS} from 'gmp/models/task';
 import {isDefined} from 'gmp/utils/identity';
 import StatusBar from 'web/components/bar/StatusBar';
-import ToolBar from 'web/components/bar/Toolbar';
+import ToolBar from 'web/components/bar/ToolBar';
 import DateTime from 'web/components/date/DateTime';
 import ErrorMessage from 'web/components/error/ErrorMessage';
 import {ReportIcon} from 'web/components/icon';

src/web/pages/reports/details/ReportDetailsPageToolBar.tsx

@@ -6,7 +6,7 @@
 import {type default as Filter, type FilterType} from 'gmp/models/filter';
 import type ReportReport from 'gmp/models/report/report';
 import type ReportTask from 'gmp/models/report/task';
-import ToolBar from 'web/components/bar/Toolbar';
+import ToolBar from 'web/components/bar/ToolBar';
 import Layout from 'web/components/layout/Layout';
 import Powerfilter from 'web/components/powerfilter/PowerFilter';
 import ReportDetailsToolBarIcons from 'web/pages/reports/details/ReportDetailsPageToolBarIcons';