|
|
@ -245,7 +245,11 @@ export function TopicDetail(props: TopicDetailProps) { |
|
|
|
<div className="mb-2"> |
|
|
|
<div className="mb-2"> |
|
|
|
{!isEmbed && ( |
|
|
|
{!isEmbed && ( |
|
|
|
<TopicProgressButton |
|
|
|
<TopicProgressButton |
|
|
|
topicId={topicId} |
|
|
|
topicId={ |
|
|
|
|
|
|
|
topicId.indexOf('@') !== -1 |
|
|
|
|
|
|
|
? topicId.split('@')[1] |
|
|
|
|
|
|
|
: topicId |
|
|
|
|
|
|
|
} |
|
|
|
resourceId={resourceId} |
|
|
|
resourceId={resourceId} |
|
|
|
resourceType={resourceType} |
|
|
|
resourceType={resourceType} |
|
|
|
onClose={() => { |
|
|
|
onClose={() => { |
|
|
@ -288,13 +292,16 @@ export function TopicDetail(props: TopicDetailProps) { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{canSubmitContribution && ( |
|
|
|
{canSubmitContribution && ( |
|
|
|
<div className="flex h-[calc(100%-38px)] flex-col items-center justify-center max-w-[400px] mx-auto text-center"> |
|
|
|
<div className="mx-auto flex h-[calc(100%-38px)] max-w-[400px] flex-col items-center justify-center text-center"> |
|
|
|
<HeartHandshake className="h-16 w-16 text-gray-300 mb-2" /> |
|
|
|
<HeartHandshake className="mb-2 h-16 w-16 text-gray-300" /> |
|
|
|
<p className="text-lg font-semibold text-gray-900"> |
|
|
|
<p className="text-lg font-semibold text-gray-900"> |
|
|
|
Help us write this content |
|
|
|
Help us write this content |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
<p className="text-sm text-gray-500 mt-2 mb-3"> |
|
|
|
<p className="mb-3 mt-2 text-sm text-gray-500"> |
|
|
|
Write a brief introduction to this topic and submit a link to a good article, podcast, video, or any other self-vetted resource that helped you understand this topic better. |
|
|
|
Write a brief introduction to this topic and submit a |
|
|
|
|
|
|
|
link to a good article, podcast, video, or any other |
|
|
|
|
|
|
|
self-vetted resource that helped you understand this |
|
|
|
|
|
|
|
topic better. |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
<a |
|
|
|
<a |
|
|
|
href={contributionUrl} |
|
|
|
href={contributionUrl} |
|
|
|