From a8f8e081c5d1edc7b81904b4350f02882e8ac1e4 Mon Sep 17 00:00:00 2001
From: Lorenzo Blasa <lblasa@meta.com>
Date: Mon, 28 Nov 2022 11:21:24 -0800
Subject: [PATCH] Feedback request banner

Summary:
This change adds a small feedback alert banner. It will have a link to our workplace feedback group.

Additionally, it asks engineers to record their sessions.

Reviewed By: LukeDefeo

Differential Revision: D41531851

fbshipit-source-id: 7ec8ca79350e7a84ab0532065bc57187ef0055ba
---
 .../ui-debugger/components/fb-stubs/feedback.tsx | 16 ++++++++++++++++
 .../public/ui-debugger/components/main.tsx       |  4 +++-
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 desktop/plugins/public/ui-debugger/components/fb-stubs/feedback.tsx

diff --git a/desktop/plugins/public/ui-debugger/components/fb-stubs/feedback.tsx b/desktop/plugins/public/ui-debugger/components/fb-stubs/feedback.tsx
new file mode 100644
index 000000000..2662c3dfb
--- /dev/null
+++ b/desktop/plugins/public/ui-debugger/components/fb-stubs/feedback.tsx
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import React from 'react';
+
+const FeedbackRequest: React.FC<{}> = () => {
+  return <></>;
+};
+
+export default FeedbackRequest;
diff --git a/desktop/plugins/public/ui-debugger/components/main.tsx b/desktop/plugins/public/ui-debugger/components/main.tsx
index 0d24585b3..82f38372a 100644
--- a/desktop/plugins/public/ui-debugger/components/main.tsx
+++ b/desktop/plugins/public/ui-debugger/components/main.tsx
@@ -17,8 +17,9 @@ import {Tree} from './Tree';
 import {Visualization2D} from './Visualization2D';
 import {useKeyboardModifiers} from '../hooks/useKeyboardModifiers';
 import {Inspector} from './sidebar/Inspector';
-import {Spin} from 'antd';
 import {Controls} from './Controls';
+import {Input, Spin} from 'antd';
+import FeedbackRequest from './fb-stubs/feedback';
 
 export function Component() {
   const instance = usePlugin(plugin);
@@ -52,6 +53,7 @@ export function Component() {
   if (rootId) {
     return (
       <Layout.Container grow padh="small" padv="medium">
+        <FeedbackRequest />
         <Controls />
         <Layout.Horizontal grow pad="small" gap="small">
           <Layout.Container grow gap="small">