feat: 🚸 add deprecation warning to UI

Author: cif

src/components/REPL.tsx

@@ -13,6 +13,7 @@ const REPL: React.VFC<ColumnDefinition<any>> = props => {
         run,
         tests = [],
         example = tests.length > 0 ? tests[0].params : {},
+        deprecated
     } = props;
 
     const [result, setResult] = useState<any>();
@@ -37,6 +38,12 @@ const REPL: React.VFC<ColumnDefinition<any>> = props => {
 
     return (
         <div className="p-5">
+            {deprecated ? (
+                <div className="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4 mb-4" role="alert">
+                    <p className="font-bold">Deprecated Column</p>
+                    <p className="my-2">This column has been deprecated. Glide apps which use it will continue to work, but will not appear in new configurations.</p>
+                </div>
+            ) : null}
             <div className="space-y-6">
                 {Object.values(params).map((p, i) => (
                     <div key={i}>