Function SubmissionPreview

app/submit/page.tsx:57–175

({ data, authorName }: { data: FormData; authorName: string })

}

function SubmissionPreview({ data, authorName }: { data: FormData; authorName: string }) {
  const typeInfo = EXTENSION_TYPE_LIST.find((t) => t.value === data.type)
  const tags = data.tags.split(",").map((t) => t.trim()).filter(Boolean)

  return (
    <div className="flex flex-col gap-6">
      {/* Header */}
      <div className="flex items-start justify-between gap-4">
        <div className="flex flex-col gap-1">
          <h2 className="text-xl font-semibold text-[var(--color-text-strong)]">
            {data.displayName || "Extension Name"}
          </h2>
          <p className="text-sm text-[var(--color-text-weak)]">
            by {authorName}
          </p>
        </div>
        {typeInfo && (
          <Badge variant="secondary">{typeInfo.label}</Badge>
        )}
      </div>

      {/* Description */}
      <div>
        <p className="text-sm leading-relaxed text-[var(--color-text)]">
          {data.description || "No description provided."}
        </p>
      </div>

      {/* Tags */}
      {tags.length > 0 && (
        <div className="flex flex-wrap gap-2">
          {tags.map((tag, i) => (
            <Badge key={i} variant="outline">{tag}</Badge>
          ))}
        </div>
      )}

      {/* Links */}
      <div className="flex flex-col gap-2 text-sm">
        {data.repoUrl && (
          <div className="flex items-center gap-2">
            <span className="text-[var(--color-text-weak)]">Repository:</span>
            <a
              href={data.repoUrl}
              target="_blank"
              rel="noopener noreferrer"
              className="text-[var(--color-text-strong)] underline underline-offset-2"
            >
              {data.repoUrl}
            </a>
          </div>
        )}
        {data.homepageUrl && (
          <div className="flex items-center gap-2">
            <span className="text-[var(--color-text-weak)]">Homepage:</span>
            <a
              href={data.homepageUrl}
              target="_blank"