mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-09-10 01:00:42 +02:00
Change activity title
This commit is contained in:
8910
pnpm-lock.yaml
generated
8910
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -26,16 +26,16 @@ export function ActivityTopicTitles(props: ActivityTopicTitlesProps) {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{filteredTopicTitles.map((topicTitle, index) => (
|
{filteredTopicTitles.map((topicTitle, index) => (
|
||||||
<span key={index} className="rounded-md bg-gray-200 px-1">
|
<span key={index} className="rounded-md bg-gray-200 px-1.5">
|
||||||
{topicTitle}
|
{topicTitle}
|
||||||
</span>
|
</span>
|
||||||
))}
|
))}
|
||||||
{shouldShowButton && (
|
{shouldShowButton && !showAll && (
|
||||||
<button
|
<button
|
||||||
onClick={() => setShowAll(!showAll)}
|
onClick={() => setShowAll(!showAll)}
|
||||||
className="text-gray-600 underline underline-offset-2 hover:text-black"
|
className="bg-white border border-black text-black rounded-md px-1.5 hover:bg-black text-xs h-[20px] hover:text-white"
|
||||||
>
|
>
|
||||||
{showAll ? '- Show less' : `+${topicTitles.length - 3} more`}
|
{showAll ? '- Show less' : `+${topicTitles.length - 3}`}
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user