Change Button Label
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Sunkanmi12
	Dec 10 2025, 9:23 PM

Description

Title: Update Label to “View details on Wikidata”

Domain: Design (Frontend)

Difficulty: Beginner

Steps:

Identify the button in the UI.
Change text.
Confirm alignment and styling.

Expected outcome: Updated and clearer label.

Event Timeline

Sunkanmi12 created this task.Dec 10 2025, 9:23 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptDec 10 2025, 9:23 PM

Sunkanmi12 moved this task from Backlog to Incoming Features on the Tool-ghanasupremecases1 board.Dec 11 2025, 10:42 AM

i am working on this task

FatawuY1 moved this task from Incoming Features to In progress on the Tool-ghanasupremecases1 board.Dec 15 2025, 3:54 PM

Button Label Update - CaseCard.tsx

Overview

Updated the button label from "View details" to "View details on Wikidata" to provide clearer context about where the link directs users.

Before/After Comparison

Before (Original Code)

jsx
{caseItem.articleUrl && (
  <div className="case-card-footer">
    <a 
      href={caseItem.articleUrl} 
      target="_blank" 
      rel="noopener noreferrer"
      className="external-link"
    >
      <i className="fas fa-external-link-alt"></i>
      <span>View details</span>
    </a>
  </div>
)}

After (Updated Code)

jsx
{caseItem.articleUrl && (
  <div className="case-card-footer">
    <a 
      href={caseItem.articleUrl} 
      target="_blank" 
      rel="noopener noreferrer"
      className="external-link"
    >
      <i className="fas fa-external-link-alt"></i>
      <span>View details on Wikidata</span>
    </a>
  </div>
)}

Change Summary

Changed only the button text from View details to View details on Wikidata to clearly indicate the destination platform. No styling, sizing, or functionality was modified - only the label text was updated for better user clarity.

GitHub Reference https://github.com/Sunkanmi1/SCC-WEBAPP/pull/30/commits/e3046c16ba79813dcf7f8eb2a14eb9a19ef203d4

Thank you for your contribution.
I have reviewed the submitted work and confirmed the following:
✔️ Task requirements have been addressed
✔️ Work aligns with the current project scope
✔️ Evidence (links/screenshots/PR) is sufficient for audit purposes
✔️ No overlap or conflict with other assigned tasks
✔️ Contribution follows the agreed workflow and guidelines
This task is now approved and resolved.
📌 Next step for contributor:
Please proceed to fill the official contribution submission form using this task ID to complete your participation record.
Thank you for your effort and collaboration 🙌
Task resolved.
— Ali (SCC Mentor / Reviewer)

Change Button LabelClosed, ResolvedPublicActions