From 0be79da8234055d084f76eea6328fe941da18d53 Mon Sep 17 00:00:00 2001 From: ironAiken2 <51399982+ironAiken2@users.noreply.github.com> Date: Fri, 21 Feb 2025 02:13:29 +0000 Subject: [PATCH] feat(FR-369): Add icon components for Neo design (#3223) resolves #3033 (FR-369) Add an Icon component for Neo Webui. Componentise the icons within the Pygma design file. **How to test:** - Verify that colours, font size, etc. are applied correctly with inline css. - Check for missing icons or duplicates. **Checklist:** (if applicable) - [ ] Documentation - [ ] Minium required manager version - [ ] Specific setting for review (eg., KB link, endpoint or how to setup) - [ ] Minimum requirements to check during review - [ ] Test case(s) to demonstrate the difference of before/after --- react/src/components/BAIIcons/App.svg | 6 ++++++ react/src/components/BAIIcons/AppIcon.tsx | 12 ++++++++++++ .../components/BAIIcons/CalculateResource.svg | 12 ++++++++++++ .../BAIIcons/CalculateResourceIcon.tsx | 12 ++++++++++++ .../components/BAIIcons/ContainerCommit.svg | 6 ++++++ .../BAIIcons/ContainerCommitIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Dashboard.svg | 3 +++ .../src/components/BAIIcons/DashboardIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Endpoint.svg | 11 +++++++++++ react/src/components/BAIIcons/EndpointIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Examples.svg | 17 +++++------------ react/src/components/BAIIcons/List.svg | 10 ++++++++++ react/src/components/BAIIcons/ListIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/ModelStore.svg | 3 +++ .../src/components/BAIIcons/ModelStoreIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/NewFolder.svg | 3 +++ .../src/components/BAIIcons/NewFolderIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Pipeline.svg | 3 +++ react/src/components/BAIIcons/PipelineIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Purge.svg | 4 ++++ react/src/components/BAIIcons/PurgeIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/RescanImages.svg | 5 +++++ .../components/BAIIcons/RescanImagesIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Restore.svg | 5 +++++ react/src/components/BAIIcons/RestoreIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/SessionLog.svg | 8 ++++++++ .../src/components/BAIIcons/SessionLogIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/SessionStart.svg | 4 ++++ .../components/BAIIcons/SessionStartIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/ShareAlt.svg | 3 +++ react/src/components/BAIIcons/ShareAltIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/StartCircle.svg | 4 ++++ .../components/BAIIcons/StartCircleIcon.tsx | 12 ++++++++++++ .../src/components/BAIIcons/SystemMonitor.svg | 3 +++ .../components/BAIIcons/SystemMonitorIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/TerminalApp.svg | 4 ++++ .../components/BAIIcons/TerminalAppIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Terminate.svg | 4 ++++ .../src/components/BAIIcons/TerminateIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/TrashBin.svg | 3 +++ react/src/components/BAIIcons/TrashBinIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/Upload.svg | 4 ++++ react/src/components/BAIIcons/UploadIcon.tsx | 12 ++++++++++++ react/src/components/BAIIcons/UserUnion.svg | 10 ++++++++++ .../src/components/BAIIcons/UserUnionIcon.tsx | 12 ++++++++++++ .../SessionActionButtons.tsx | 18 +++++++++++------- 46 files changed, 398 insertions(+), 19 deletions(-) create mode 100644 react/src/components/BAIIcons/App.svg create mode 100644 react/src/components/BAIIcons/AppIcon.tsx create mode 100644 react/src/components/BAIIcons/CalculateResource.svg create mode 100644 react/src/components/BAIIcons/CalculateResourceIcon.tsx create mode 100644 react/src/components/BAIIcons/ContainerCommit.svg create mode 100644 react/src/components/BAIIcons/ContainerCommitIcon.tsx create mode 100644 react/src/components/BAIIcons/Dashboard.svg create mode 100644 react/src/components/BAIIcons/DashboardIcon.tsx create mode 100644 react/src/components/BAIIcons/Endpoint.svg create mode 100644 react/src/components/BAIIcons/EndpointIcon.tsx create mode 100644 react/src/components/BAIIcons/List.svg create mode 100644 react/src/components/BAIIcons/ListIcon.tsx create mode 100644 react/src/components/BAIIcons/ModelStore.svg create mode 100644 react/src/components/BAIIcons/ModelStoreIcon.tsx create mode 100644 react/src/components/BAIIcons/NewFolder.svg create mode 100644 react/src/components/BAIIcons/NewFolderIcon.tsx create mode 100644 react/src/components/BAIIcons/Pipeline.svg create mode 100644 react/src/components/BAIIcons/PipelineIcon.tsx create mode 100644 react/src/components/BAIIcons/Purge.svg create mode 100644 react/src/components/BAIIcons/PurgeIcon.tsx create mode 100644 react/src/components/BAIIcons/RescanImages.svg create mode 100644 react/src/components/BAIIcons/RescanImagesIcon.tsx create mode 100644 react/src/components/BAIIcons/Restore.svg create mode 100644 react/src/components/BAIIcons/RestoreIcon.tsx create mode 100644 react/src/components/BAIIcons/SessionLog.svg create mode 100644 react/src/components/BAIIcons/SessionLogIcon.tsx create mode 100644 react/src/components/BAIIcons/SessionStart.svg create mode 100644 react/src/components/BAIIcons/SessionStartIcon.tsx create mode 100644 react/src/components/BAIIcons/ShareAlt.svg create mode 100644 react/src/components/BAIIcons/ShareAltIcon.tsx create mode 100644 react/src/components/BAIIcons/StartCircle.svg create mode 100644 react/src/components/BAIIcons/StartCircleIcon.tsx create mode 100644 react/src/components/BAIIcons/SystemMonitor.svg create mode 100644 react/src/components/BAIIcons/SystemMonitorIcon.tsx create mode 100644 react/src/components/BAIIcons/TerminalApp.svg create mode 100644 react/src/components/BAIIcons/TerminalAppIcon.tsx create mode 100644 react/src/components/BAIIcons/Terminate.svg create mode 100644 react/src/components/BAIIcons/TerminateIcon.tsx create mode 100644 react/src/components/BAIIcons/TrashBin.svg create mode 100644 react/src/components/BAIIcons/TrashBinIcon.tsx create mode 100644 react/src/components/BAIIcons/Upload.svg create mode 100644 react/src/components/BAIIcons/UploadIcon.tsx create mode 100644 react/src/components/BAIIcons/UserUnion.svg create mode 100644 react/src/components/BAIIcons/UserUnionIcon.tsx diff --git a/react/src/components/BAIIcons/App.svg b/react/src/components/BAIIcons/App.svg new file mode 100644 index 0000000000..f61f809e3f --- /dev/null +++ b/react/src/components/BAIIcons/App.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/react/src/components/BAIIcons/AppIcon.tsx b/react/src/components/BAIIcons/AppIcon.tsx new file mode 100644 index 0000000000..6217d4350e --- /dev/null +++ b/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 {} + +const AppIcon: React.FC = (props) => { + return ; +}; + +export default AppIcon; diff --git a/react/src/components/BAIIcons/CalculateResource.svg b/react/src/components/BAIIcons/CalculateResource.svg new file mode 100644 index 0000000000..34fd658468 --- /dev/null +++ b/react/src/components/BAIIcons/CalculateResource.svg @@ -0,0 +1,12 @@ + + + + + + + + + \ No newline at end of file diff --git a/react/src/components/BAIIcons/CalculateResourceIcon.tsx b/react/src/components/BAIIcons/CalculateResourceIcon.tsx new file mode 100644 index 0000000000..97091ad66f --- /dev/null +++ b/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 {} + +const CalculateResourceIcon: React.FC = (props) => { + return ; +}; + +export default CalculateResourceIcon; diff --git a/react/src/components/BAIIcons/ContainerCommit.svg b/react/src/components/BAIIcons/ContainerCommit.svg new file mode 100644 index 0000000000..61a76ca534 --- /dev/null +++ b/react/src/components/BAIIcons/ContainerCommit.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/react/src/components/BAIIcons/ContainerCommitIcon.tsx b/react/src/components/BAIIcons/ContainerCommitIcon.tsx new file mode 100644 index 0000000000..b0b842a4c4 --- /dev/null +++ b/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 {} + +const ContainerCommitIcon: React.FC = (props) => { + return ; +}; + +export default ContainerCommitIcon; diff --git a/react/src/components/BAIIcons/Dashboard.svg b/react/src/components/BAIIcons/Dashboard.svg new file mode 100644 index 0000000000..5c67fc60ce --- /dev/null +++ b/react/src/components/BAIIcons/Dashboard.svg @@ -0,0 +1,3 @@ + + + diff --git a/react/src/components/BAIIcons/DashboardIcon.tsx b/react/src/components/BAIIcons/DashboardIcon.tsx new file mode 100644 index 0000000000..68d1a31a71 --- /dev/null +++ b/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 {} + +const DashboardIcon: React.FC = (props) => { + return ; +}; + +export default DashboardIcon; diff --git a/react/src/components/BAIIcons/Endpoint.svg b/react/src/components/BAIIcons/Endpoint.svg new file mode 100644 index 0000000000..ef9700fdab --- /dev/null +++ b/react/src/components/BAIIcons/Endpoint.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/react/src/components/BAIIcons/EndpointIcon.tsx b/react/src/components/BAIIcons/EndpointIcon.tsx new file mode 100644 index 0000000000..ed9a4cb2fe --- /dev/null +++ b/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 {} + +const Endpoint: React.FC = (props) => { + return ; +}; + +export default Endpoint; diff --git a/react/src/components/BAIIcons/Examples.svg b/react/src/components/BAIIcons/Examples.svg index 6194efc9ee..ff6cce558b 100644 --- a/react/src/components/BAIIcons/Examples.svg +++ b/react/src/components/BAIIcons/Examples.svg @@ -1,13 +1,6 @@ - - - - - - - - - - - - + + + + + diff --git a/react/src/components/BAIIcons/List.svg b/react/src/components/BAIIcons/List.svg new file mode 100644 index 0000000000..7b2c2e1b3e --- /dev/null +++ b/react/src/components/BAIIcons/List.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/react/src/components/BAIIcons/ListIcon.tsx b/react/src/components/BAIIcons/ListIcon.tsx new file mode 100644 index 0000000000..f8fdba1511 --- /dev/null +++ b/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 {} + +const ListIcon: React.FC = (props) => { + return ; +}; + +export default ListIcon; diff --git a/react/src/components/BAIIcons/ModelStore.svg b/react/src/components/BAIIcons/ModelStore.svg new file mode 100644 index 0000000000..fa9be22b57 --- /dev/null +++ b/react/src/components/BAIIcons/ModelStore.svg @@ -0,0 +1,3 @@ + + + diff --git a/react/src/components/BAIIcons/ModelStoreIcon.tsx b/react/src/components/BAIIcons/ModelStoreIcon.tsx new file mode 100644 index 0000000000..6994a7689c --- /dev/null +++ b/react/src/components/BAIIcons/ModelStoreIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './ModelStore.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface ModelStoreIconProps + extends Omit {} + +const ModelStoreIcon: React.FC = (props) => { + return ; +}; + +export default ModelStoreIcon; diff --git a/react/src/components/BAIIcons/NewFolder.svg b/react/src/components/BAIIcons/NewFolder.svg new file mode 100644 index 0000000000..b38240c7fc --- /dev/null +++ b/react/src/components/BAIIcons/NewFolder.svg @@ -0,0 +1,3 @@ + + + diff --git a/react/src/components/BAIIcons/NewFolderIcon.tsx b/react/src/components/BAIIcons/NewFolderIcon.tsx new file mode 100644 index 0000000000..61f75f27ed --- /dev/null +++ b/react/src/components/BAIIcons/NewFolderIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './NewFolder.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface NewFolderIconProps + extends Omit {} + +const NewFolderIcon: React.FC = (props) => { + return ; +}; + +export default NewFolderIcon; diff --git a/react/src/components/BAIIcons/Pipeline.svg b/react/src/components/BAIIcons/Pipeline.svg new file mode 100644 index 0000000000..02695d3297 --- /dev/null +++ b/react/src/components/BAIIcons/Pipeline.svg @@ -0,0 +1,3 @@ + + + diff --git a/react/src/components/BAIIcons/PipelineIcon.tsx b/react/src/components/BAIIcons/PipelineIcon.tsx new file mode 100644 index 0000000000..bfb203509e --- /dev/null +++ b/react/src/components/BAIIcons/PipelineIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './Pipeline.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface PipelineIconProps + extends Omit {} + +const PipelineIcon: React.FC = (props) => { + return ; +}; + +export default PipelineIcon; diff --git a/react/src/components/BAIIcons/Purge.svg b/react/src/components/BAIIcons/Purge.svg new file mode 100644 index 0000000000..8c097ec5d1 --- /dev/null +++ b/react/src/components/BAIIcons/Purge.svg @@ -0,0 +1,4 @@ + + + + diff --git a/react/src/components/BAIIcons/PurgeIcon.tsx b/react/src/components/BAIIcons/PurgeIcon.tsx new file mode 100644 index 0000000000..3a52e76f8a --- /dev/null +++ b/react/src/components/BAIIcons/PurgeIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './Purge.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface PurgeIconProps + extends Omit {} + +const PurgeIcon: React.FC = (props) => { + return ; +}; + +export default PurgeIcon; diff --git a/react/src/components/BAIIcons/RescanImages.svg b/react/src/components/BAIIcons/RescanImages.svg new file mode 100644 index 0000000000..7386799484 --- /dev/null +++ b/react/src/components/BAIIcons/RescanImages.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/react/src/components/BAIIcons/RescanImagesIcon.tsx b/react/src/components/BAIIcons/RescanImagesIcon.tsx new file mode 100644 index 0000000000..2823af4f8e --- /dev/null +++ b/react/src/components/BAIIcons/RescanImagesIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './RescanImages.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface RescanImagesIconProps + extends Omit {} + +const RescanImagesIcon: React.FC = (props) => { + return ; +}; + +export default RescanImagesIcon; diff --git a/react/src/components/BAIIcons/Restore.svg b/react/src/components/BAIIcons/Restore.svg new file mode 100644 index 0000000000..27a99c8071 --- /dev/null +++ b/react/src/components/BAIIcons/Restore.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/react/src/components/BAIIcons/RestoreIcon.tsx b/react/src/components/BAIIcons/RestoreIcon.tsx new file mode 100644 index 0000000000..0f453e4c73 --- /dev/null +++ b/react/src/components/BAIIcons/RestoreIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './Restore.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface RestoreIconProps + extends Omit {} + +const RestoreIcon: React.FC = (props) => { + return ; +}; + +export default RestoreIcon; diff --git a/react/src/components/BAIIcons/SessionLog.svg b/react/src/components/BAIIcons/SessionLog.svg new file mode 100644 index 0000000000..a4a5289840 --- /dev/null +++ b/react/src/components/BAIIcons/SessionLog.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/react/src/components/BAIIcons/SessionLogIcon.tsx b/react/src/components/BAIIcons/SessionLogIcon.tsx new file mode 100644 index 0000000000..18b8302bc2 --- /dev/null +++ b/react/src/components/BAIIcons/SessionLogIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './SessionLog.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface SessionLogIconProps + extends Omit {} + +const SessionLogIcon: React.FC = (props) => { + return ; +}; + +export default SessionLogIcon; diff --git a/react/src/components/BAIIcons/SessionStart.svg b/react/src/components/BAIIcons/SessionStart.svg new file mode 100644 index 0000000000..ff4e418b9c --- /dev/null +++ b/react/src/components/BAIIcons/SessionStart.svg @@ -0,0 +1,4 @@ + + + + diff --git a/react/src/components/BAIIcons/SessionStartIcon.tsx b/react/src/components/BAIIcons/SessionStartIcon.tsx new file mode 100644 index 0000000000..e716859fc5 --- /dev/null +++ b/react/src/components/BAIIcons/SessionStartIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './SessionStart.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface SessionStartIconProps + extends Omit {} + +const SessionStartIcon: React.FC = (props) => { + return ; +}; + +export default SessionStartIcon; diff --git a/react/src/components/BAIIcons/ShareAlt.svg b/react/src/components/BAIIcons/ShareAlt.svg new file mode 100644 index 0000000000..f9e6938511 --- /dev/null +++ b/react/src/components/BAIIcons/ShareAlt.svg @@ -0,0 +1,3 @@ + + + diff --git a/react/src/components/BAIIcons/ShareAltIcon.tsx b/react/src/components/BAIIcons/ShareAltIcon.tsx new file mode 100644 index 0000000000..1c830420cc --- /dev/null +++ b/react/src/components/BAIIcons/ShareAltIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './ShareAlt.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface ShareAltIconProps + extends Omit {} + +const ShareAltIcon: React.FC = (props) => { + return ; +}; + +export default ShareAltIcon; diff --git a/react/src/components/BAIIcons/StartCircle.svg b/react/src/components/BAIIcons/StartCircle.svg new file mode 100644 index 0000000000..be7877dd22 --- /dev/null +++ b/react/src/components/BAIIcons/StartCircle.svg @@ -0,0 +1,4 @@ + + + + diff --git a/react/src/components/BAIIcons/StartCircleIcon.tsx b/react/src/components/BAIIcons/StartCircleIcon.tsx new file mode 100644 index 0000000000..bf6372b2d8 --- /dev/null +++ b/react/src/components/BAIIcons/StartCircleIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './StartCircle.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface StartCircleIconProps + extends Omit {} + +const StartCircleIcon: React.FC = (props) => { + return ; +}; + +export default StartCircleIcon; diff --git a/react/src/components/BAIIcons/SystemMonitor.svg b/react/src/components/BAIIcons/SystemMonitor.svg new file mode 100644 index 0000000000..3388503dd5 --- /dev/null +++ b/react/src/components/BAIIcons/SystemMonitor.svg @@ -0,0 +1,3 @@ + + + diff --git a/react/src/components/BAIIcons/SystemMonitorIcon.tsx b/react/src/components/BAIIcons/SystemMonitorIcon.tsx new file mode 100644 index 0000000000..0f988ebcb6 --- /dev/null +++ b/react/src/components/BAIIcons/SystemMonitorIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './SystemMonitor.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface SystemMonitorIconProps + extends Omit {} + +const SystemMonitorIcon: React.FC = (props) => { + return ; +}; + +export default SystemMonitorIcon; diff --git a/react/src/components/BAIIcons/TerminalApp.svg b/react/src/components/BAIIcons/TerminalApp.svg new file mode 100644 index 0000000000..60748d850f --- /dev/null +++ b/react/src/components/BAIIcons/TerminalApp.svg @@ -0,0 +1,4 @@ + + + + diff --git a/react/src/components/BAIIcons/TerminalAppIcon.tsx b/react/src/components/BAIIcons/TerminalAppIcon.tsx new file mode 100644 index 0000000000..d64a76fbc3 --- /dev/null +++ b/react/src/components/BAIIcons/TerminalAppIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './TerminalApp.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface TerminalAppIconProps + extends Omit {} + +const TerminalAppIcon: React.FC = (props) => { + return ; +}; + +export default TerminalAppIcon; diff --git a/react/src/components/BAIIcons/Terminate.svg b/react/src/components/BAIIcons/Terminate.svg new file mode 100644 index 0000000000..c476343470 --- /dev/null +++ b/react/src/components/BAIIcons/Terminate.svg @@ -0,0 +1,4 @@ + + + + diff --git a/react/src/components/BAIIcons/TerminateIcon.tsx b/react/src/components/BAIIcons/TerminateIcon.tsx new file mode 100644 index 0000000000..9ec13e5132 --- /dev/null +++ b/react/src/components/BAIIcons/TerminateIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './Terminate.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface TerminateIconProps + extends Omit {} + +const TerminateIcon: React.FC = (props) => { + return ; +}; + +export default TerminateIcon; diff --git a/react/src/components/BAIIcons/TrashBin.svg b/react/src/components/BAIIcons/TrashBin.svg new file mode 100644 index 0000000000..20a59221ce --- /dev/null +++ b/react/src/components/BAIIcons/TrashBin.svg @@ -0,0 +1,3 @@ + + + diff --git a/react/src/components/BAIIcons/TrashBinIcon.tsx b/react/src/components/BAIIcons/TrashBinIcon.tsx new file mode 100644 index 0000000000..3bbd71a592 --- /dev/null +++ b/react/src/components/BAIIcons/TrashBinIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './TrashBin.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface TrashBinIconProps + extends Omit {} + +const TrashBinIcon: React.FC = (props) => { + return ; +}; + +export default TrashBinIcon; diff --git a/react/src/components/BAIIcons/Upload.svg b/react/src/components/BAIIcons/Upload.svg new file mode 100644 index 0000000000..56dc07e7ad --- /dev/null +++ b/react/src/components/BAIIcons/Upload.svg @@ -0,0 +1,4 @@ + + + + diff --git a/react/src/components/BAIIcons/UploadIcon.tsx b/react/src/components/BAIIcons/UploadIcon.tsx new file mode 100644 index 0000000000..84f4c2311f --- /dev/null +++ b/react/src/components/BAIIcons/UploadIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './Upload.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface UploadIconProps + extends Omit {} + +const UploadIcon: React.FC = (props) => { + return ; +}; + +export default UploadIcon; diff --git a/react/src/components/BAIIcons/UserUnion.svg b/react/src/components/BAIIcons/UserUnion.svg new file mode 100644 index 0000000000..874b4f4d0e --- /dev/null +++ b/react/src/components/BAIIcons/UserUnion.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/react/src/components/BAIIcons/UserUnionIcon.tsx b/react/src/components/BAIIcons/UserUnionIcon.tsx new file mode 100644 index 0000000000..330d2b19da --- /dev/null +++ b/react/src/components/BAIIcons/UserUnionIcon.tsx @@ -0,0 +1,12 @@ +import { ReactComponent as logo } from './UserUnion.svg'; +import Icon from '@ant-design/icons'; +import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; + +interface UserUnionIconProps + extends Omit {} + +const UserUnionIcon: React.FC = (props) => { + return ; +}; + +export default UserUnionIcon; diff --git a/react/src/components/ComputeSessionNodeItems/SessionActionButtons.tsx b/react/src/components/ComputeSessionNodeItems/SessionActionButtons.tsx index 4baf2a7db5..3b953eb4ec 100644 --- a/react/src/components/ComputeSessionNodeItems/SessionActionButtons.tsx +++ b/react/src/components/ComputeSessionNodeItems/SessionActionButtons.tsx @@ -1,5 +1,9 @@ import { useSuspendedBackendaiClient } from '../../hooks'; import { useBackendAIAppLauncher } from '../../hooks/useBackendAIAppLauncher'; +import ContainerCommitIcon from '../BAIIcons/ContainerCommitIcon'; +import SessionLogIcon from '../BAIIcons/SessionLogIcon'; +import TerminalAppIcon from '../BAIIcons/TerminalAppIcon'; +import TerminateIcon from '../BAIIcons/TerminateIcon'; import ContainerCommitModal from './ContainerCommitModal'; import ContainerLogModal from './ContainerLogModal'; import TerminateSessionModal from './TerminateSessionModal'; @@ -7,10 +11,8 @@ import { SessionActionButtonsFragment$data, SessionActionButtonsFragment$key, } from './__generated__/SessionActionButtonsFragment.graphql'; -import { DeliveredProcedureOutlined } from '@ant-design/icons'; import { Tooltip, Button, theme } from 'antd'; import graphql from 'babel-plugin-relay/macro'; -import { TerminalIcon, PowerOffIcon, ScrollTextIcon } from 'lucide-react'; import { useState } from 'react'; import { useTranslation } from 'react-i18next'; import { useFragment } from 'react-relay'; @@ -88,7 +90,7 @@ const SessionActionButtons: React.FC = (props) => { } + icon={} onClick={() => { appLauncher.runTerminal(session?.row_id); }} @@ -105,7 +107,7 @@ const SessionActionButtons: React.FC = (props) => { } + icon={} onClick={() => { setOpenLogModal(true); }} @@ -125,7 +127,7 @@ const SessionActionButtons: React.FC = (props) => { !baiClient._config.enableContainerCommit) && session.type !== 'system' } - icon={} + icon={} onClick={() => { setOpenContainerCommitModal(true); }} @@ -140,8 +142,10 @@ const SessionActionButtons: React.FC = (props) => { } onClick={() => {