feat: Add icon components for Neo design

react/src/components/BAIIcons/AppIcon.tsx

@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './App.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface AppIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const AppIcon: React.FC<AppIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default AppIcon;

react/src/components/BAIIcons/CalculateResourceIcon.tsx

@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './CalculateResource.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface CalculateResourceIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const CalculateResourceIcon: React.FC<CalculateResourceIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default CalculateResourceIcon;

react/src/components/BAIIcons/ContainerCommitIcon.tsx

@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './ContainerCommit.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface ContainerCommitIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const ContainerCommitIcon: React.FC<ContainerCommitIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default ContainerCommitIcon;

react/src/components/BAIIcons/DashboardIcon.tsx

@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './Dashboard.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface DashboardIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const DashboardIcon: React.FC<DashboardIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default DashboardIcon;

react/src/components/BAIIcons/EndpointIcon.tsx

@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './Endpoint.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface EndpointProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const Endpoint: React.FC<EndpointProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default Endpoint;

react/src/components/BAIIcons/ListIcon.tsx

@@ -0,0 +1,12 @@
+import { ReactComponent as logo } from './List.svg';
+import Icon from '@ant-design/icons';
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+
+interface ListIconProps
+  extends Omit<CustomIconComponentProps, 'width' | 'height' | 'fill'> {}
+
+const ListIcon: React.FC<ListIconProps> = (props) => {
+  return <Icon component={logo} {...props} />;
+};
+
+export default ListIcon;