Merge pull request #2969 from the-deep/feature/no-af-in-project

Add info message for projects with no analysis framework
the-deep · Jul 18, 2024 · eadfb75 · eadfb75
2 parents f3cbace + acdd553
commit eadfb75
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/app/views/Sources/SourcesTable/Actions/index.tsx b/app/views/Sources/SourcesTable/Actions/index.tsx
@@ -5,6 +5,7 @@ import {
     IoChevronUpOutline,
     IoChevronDownOutline,
     IoWarningOutline,
+    IoInformation,
 } from 'react-icons/io5';
 import { _cs, isDefined } from '@togglecorp/fujs';
 import { MdModeEdit } from 'react-icons/md';
@@ -15,6 +16,7 @@ import {
     useConfirmation,
     Button,
     RowExpansionContext,
+    Tooltip,
     useModalState,
     useAlert,
 } from '@the-deep/deep-ui';
@@ -209,9 +211,22 @@ function Actions<T extends string>(props: Props<T>) {
         : entriesCount < 1;
     const noOfEntries = filteredEntriesCount ?? entriesCount;
 
+    const projectHasFramework = isDefined(project?.analysisFramework?.id);
+
     return (
         <div className={_cs(styles.actions, className)}>
             <div className={styles.row}>
+                {!projectHasFramework && (
+                    <div className={styles.info}>
+                        <IoInformation />
+                        <Tooltip>
+                            Looks like you have not chosen a framework for your project.
+                            Please edit your project or ask your admin to select a
+                            framework and start tagging.
+                        </Tooltip>
+                    </div>
+
+                )}
                 {canEditSource && (
                     <QuickActionButton
                         className={styles.button}

diff --git a/app/views/Sources/SourcesTable/Actions/styles.css b/app/views/Sources/SourcesTable/Actions/styles.css
@@ -12,6 +12,15 @@
         justify-content: flex-end;
         gap: var(--dui-spacing-small);
 
+        .info {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: var(--dui-width-separator-thin) solid var(--dui-color-separator);
+            border-radius: 50%;
+            padding: var(--dui-spacing-extra-small);
+        }
+
         .button {
             flex-shrink: 0;
         }