From 6fbb0d8cc1c03ab90ac28dcc890a6d13e75d073e Mon Sep 17 00:00:00 2001
From: Vamsi Chunduru <vamsi.chunduru@clever.com>
Date: Thu, 9 Nov 2023 15:42:20 -0800
Subject: [PATCH] add deprecated alert to main page

---
 docs/components/ComponentsView.jsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/docs/components/ComponentsView.jsx b/docs/components/ComponentsView.jsx
index e18e29b66..54d666ba0 100644
--- a/docs/components/ComponentsView.jsx
+++ b/docs/components/ComponentsView.jsx
@@ -2,13 +2,27 @@ import React from "react";
 
 import View from "./View";
 import ComponentBox from "./ComponentBox";
-import { FlexBox } from "src";
+import { AlertBox2, FlexBox } from "src";
 
 export default function ComponentsView() {
   const { cssClass, componentsToDisplay } = ComponentsView;
 
   return (
     <View className={cssClass.CONTAINER} title="Component List">
+      <AlertBox2 type="caution" isCloseable={false}>
+        <div>
+          PSA: This is the <b>DEPRECATED</b> Dewey components page. To see the new Dewey 3.0, please
+          navigate to{" "}
+          <a
+            href="https://master--62fbbb0daff0aa52aea739ac.chromatic.com/?path=/story/clever-ui-introduction--page"
+            target="_blank"
+            rel="noreferrer"
+          >
+            go/dew3y
+          </a>
+          , and check out <b>#eng-dew3y</b> in slack for more information.
+        </div>
+      </AlertBox2>
       <FlexBox wrap className={cssClass.CONTAINER_FLEXBOX}>
         {componentsToDisplay
           .sort((a, b) => a.componentName.localeCompare(b.componentName))