screenshot button

Author: c298lee

packages/feedback-screenshot/src/screenshot.tsx

@@ -1,6 +1,6 @@
 import { convertIntegrationFnToClass, defineIntegration } from '@sentry/core';
 import type { Integration, IntegrationClass, IntegrationFn } from '@sentry/types';
-import { Hello } from './screenshotWidget';
+import { ScreenshotButton } from './screenshotWidget';
 import { GLOBAL_OBJ } from '@sentry/utils';
 import { h, render } from 'preact';
 
@@ -27,7 +27,7 @@ export const _feedbackScreenshotIntegration = ((options: Partial<FeedbackScreens
       return { el: options.el || WINDOW.document.createElement('div'), props: options.props || null };
     },
     renderScreenshotWidget: (options: FeedbackScreenshotOptions) => {
-      return render(<Hello />, options.el);
+      return render(<ScreenshotButton />, options.el);
     },
   };
 }) satisfies IntegrationFn;

packages/feedback-screenshot/src/screenshotWidget.tsx

@@ -1,6 +1,13 @@
-import {h} from 'preact';
+import { h } from 'preact';
 
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export function Hello() {
-  return <div>Hello 2</div>;
+export function ScreenshotButton() {
+  return (
+    <label htmlFor="screenshot" className="form__label">
+      <span className="form__label__text">Screenshot</span>
+      <button class="btn btn--default" type="cancel">
+        Add
+      </button>
+    </label>
+  );
 }