[dashboard] Send error body with feedback

Author: Laurie T. Malau

components/dashboard/src/Analytics.tsx

@@ -9,6 +9,7 @@ import { log } from "@gitpod/gitpod-protocol/lib/util/logging";
 import Cookies from "js-cookie";
 import { v4 } from "uuid";
 import { Experiment } from "./experiments";
+import { StartWorkspaceError } from "./start/StartPage";
 
 export type Event =
     | "invite_url_requested"
@@ -40,6 +41,8 @@ export interface TrackFeedback {
     feedback: string;
     href: string;
     path: string;
+    error_object?: StartWorkspaceError;
+    error_message?: string;
 }
 interface TrackDashboardClick {
     dnt?: boolean;

components/dashboard/src/components/ErrorMessage.tsx

@@ -22,6 +22,7 @@ function ErrorMessage(props: { imgSrc: string; imgAlt?: string; message: string
                     initialSize={24}
                     isError={true}
                     isModal={false}
+                    error_message={props.message}
                 />
             )}
         </>

components/dashboard/src/feedback-form/FeedbackComponent.tsx

@@ -10,13 +10,16 @@ import happy from "../images/feedback/happy-emoji.svg";
 import meh from "../images/feedback/meh-emoji.svg";
 import crying from "../images/feedback/crying-emoji.svg";
 import { trackEvent } from "../Analytics";
+import { StartWorkspaceError } from "../start/StartPage";
 
 function FeedbackComponent(props: {
     onClose?: () => void;
     isModal: boolean;
     isError: boolean;
     message?: string;
     initialSize?: number;
+    error_object?: StartWorkspaceError;
+    error_message?: string;
 }) {
     const [text, setText] = useState<string>("");
     const [selectedEmoji, setSelectedEmoji] = useState<number | undefined>();
@@ -35,6 +38,8 @@ function FeedbackComponent(props: {
                 feedback: text,
                 href: window.location.href,
                 path: window.location.pathname,
+                error_object: props.error_object || undefined,
+                error_message: props.error_message,
             };
             trackEvent("feedback_submitted", feedbackObj);
         }

components/dashboard/src/start/CreateWorkspace.tsx

@@ -515,6 +515,8 @@ function RepositoryNotFoundView(p: { error: StartWorkspaceError }) {
                     message={"Was this error message helpful?"}
                     isError={true}
                     initialSize={24}
+                    error_object={p.error}
+                    error_message={p.error.message}
                 />
             )}
         </StartPage>