# code-snippets/trunk/js/components/FeedbackReporter/FeedbackSuccess.tsx

Code Snippets, version trunk. 27 lines.

- Page: https://pluginprobe.com/plugins/code-snippets/trunk/code/js/components/FeedbackReporter/FeedbackSuccess.tsx
- Raw: https://pluginprobe.com/plugins/code-snippets/trunk/raw/js/components/FeedbackReporter/FeedbackSuccess.tsx
- Modified: 2026-09-22T07:42:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-snippets/trunk/code/js/components/FeedbackReporter/FeedbackSuccess.tsx#L10-L20`.

```tsx
import React from 'react'
import { __, sprintf } from '@wordpress/i18n'
import type { FeedbackReportResponse } from '../../types/Feedback'

export interface FeedbackSuccessProps {
	result: FeedbackReportResponse
}

/** Only a tracker link the plugin published is worth offering as one. */
const isTrackerUrl = (url: string): boolean => url.startsWith('https://github.com/')

export const FeedbackSuccess: React.FC<FeedbackSuccessProps> = ({ result }) =>
	<div className="code-snippets-feedback-success">
		<h3>{__('Report sent', 'code-snippets')}</h3>
		<p>
			{result.reference
				// translators: %s: reference number identifying the report.
				? sprintf(__('Reference %s.', 'code-snippets'), result.reference)
				: __('The team will pick it up from here.', 'code-snippets')}
			{' '}
			{result.url && isTrackerUrl(result.url) &&
				<a href={result.url} target="_blank" rel="noopener noreferrer">
					{__('Track it on GitHub', 'code-snippets')}
				</a>}
		</p>
	</div>

```