feat(manager-dashboard): add banner to alert that street projects are web only

Author: ofr1tz

manager-dashboard/app/views/NewProject/index.tsx

@@ -50,6 +50,7 @@ import Button from '#components/Button';
 import NonFieldError from '#components/NonFieldError';
 import AnimatedSwipeIcon from '#components/AnimatedSwipeIcon';
 import ExpandableContainer from '#components/ExpandableContainer';
+import AlertBanner from '#components/AlertBanner';
 import {
     valueSelector,
     labelSelector,
@@ -465,6 +466,16 @@ function NewProject(props: Props) {
                         error={error?.projectType}
                         disabled={submissionPending || testPending}
                     />
+                    {value.projectType === PROJECT_TYPE_STREET && (
+                        <AlertBanner title="MapSwipe Web only">
+                            <div className={styles.warningContainer}>
+                                <div className={styles.warningItem}>
+                                    Projects of this type are currently
+                                    only visible in the web app.
+                                </div>
+                            </div>
+                        </AlertBanner>
+                    )}
                     <BasicProjectInfoForm
                         value={value}
                         setValue={setValue}

manager-dashboard/app/views/NewProject/styles.css

@@ -75,6 +75,18 @@
         flex-shrink: 0;
         justify-content: center;
     }
+
+    .warning-container {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-extra-small);
+
+        .warning-item {
+            display: flex;
+            gap: var(--spacing-small);
+            align-items: flex-start;
+        }
+    }
 }
 
 .submission-status-modal {