Add skip datasource alert

Signed-off-by: Wei-Chun, Chang <[email protected]>

static_report/src/components/Common/SkipDatasource.tsx

@@ -0,0 +1,14 @@
+import { Alert, AlertIcon, AlertDescription } from '@chakra-ui/react';
+
+export function SkipDatasource() {
+  return (
+    <Alert status="error" mb={3} rounded={10}>
+      <AlertIcon />
+      <AlertDescription>
+        Schemas and reports generated from manifest files are limited to
+        information in those manifests. For a more detailed report, follow these
+        instructions
+      </AlertDescription>
+    </Alert>
+  );
+}

static_report/src/components/Overview/Overview.tsx

@@ -30,6 +30,7 @@ import { LineageGraphData } from '../../utils/dbt';
 import { topologySort } from '../../utils/graph';
 import { CompDbtNodeEntryItem, useReportStore } from '../../utils/store';
 import { SearchTextInput } from '../Common/SearchTextInput';
+import { SkipDatasource } from '../Common/SkipDatasource';
 import { ModelList } from './ModelList';
 import { MetricList } from './MetricList';
 import { NodeList } from './NodeList';
@@ -364,14 +365,7 @@ export function Overview({ singleOnly }: Props) {
   return (
     <>
       <Flex direction="column" w={'100%'} minHeight="650px">
-        <Alert status="error" mb={3} rounded={10}>
-          <AlertIcon />
-          <AlertDescription>
-            Schemas and reports generated from manifest files are limited to
-            information in those manifests. <u>For a more detailed report, follow
-            these instructions</u>
-          </AlertDescription>
-        </Alert>
+        <SkipDatasource></SkipDatasource>
         <Flex w={'100%'} paddingBottom="10px" marginBottom="20px">
           <Heading fontSize={24}>
             {singleOnly ? 'Overview' : 'Impact Summary'}

static_report/src/pages/CRTableDetailPage.tsx

@@ -25,6 +25,7 @@ import { useTableRoute } from '../utils/routes';
 import { NO_VALUE } from '../components/Columns/constants';
 import { TableGeneralStats } from '../components/Tables/TableMetrics/TableGeneralStats';
 import { DupedTableRowsWidget } from '../components/Widgets/DupedTableRowsWidget';
+import { SkipDatasource } from '../components/Common/SkipDatasource';
 
 export default function CRTableDetailPage() {
   let { tableName, uniqueId } = useTableRoute();
@@ -178,6 +179,7 @@ export default function CRTableDetailPage() {
 
   return (
     <Box>
+      <SkipDatasource />
       <HStack alignItems="flex-start">
         <TableColumnHeader
           title={name}
@@ -200,7 +202,6 @@ export default function CRTableDetailPage() {
           Show Dependencies
         </Button> */}
       </HStack>
-
       <ComparableGridHeader />
       <ComparisonContent>
         <VStack spacing={10}>

static_report/src/pages/SRTableDetailPage.tsx

@@ -12,6 +12,7 @@ import {
 import { TableColumnHeader } from '../components/Tables/TableColumnHeader';
 import { useReportStore } from '../utils/store';
 import { useTableRoute } from '../utils/routes';
+import { SkipDatasource } from '../components/Common/SkipDatasource';
 
 export default function SRTableDetailPage() {
   let { tableName, uniqueId } = useTableRoute();
@@ -59,6 +60,7 @@ export default function SRTableDetailPage() {
 
   return (
     <>
+      <SkipDatasource></SkipDatasource>
       <TableColumnHeader
         title={name}
         subtitle={'Table'}