Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion client/app/bundles/comments/components/Footer/Footer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export default class Footer extends BaseComponent {
Example of styling using image-url and Open Sans Light custom font
</h3>
</a>
<a href="https://twitter.com/railsonmaui" className="flex gap-4 items-center">
<a href="https://x.com/railsonmaui" className="flex gap-4 items-center">
<div className="w-16 h-16 bg-[url('../images/twitter_64.png')]" />
Rails On Maui on X (Twitter)
</a>
Comment on lines 16 to 18
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🛠️ Refactor suggestion

Update icon asset and accessible text for X branding

While the URL is updated, the UI still uses the old Twitter icon and mentions “(Twitter)”. We should:

  • Replace twitter_64.png with an X logo asset (e.g., x_64.png).
  • Remove “(Twitter)” from the link text.
  • Add accessibility attributes (role="img", aria-label="X logo") to the <div>.
  • Consider opening the external link in a new tab with target="_blank" rel="noopener noreferrer".

Apply this diff within lines 15–18:

-          <a href="https://x.com/railsonmaui" className="flex gap-4 items-center">
-            <div className="w-16 h-16 bg-[url('../images/twitter_64.png')]" />
-            Rails On Maui on X (Twitter)
+          <a href="https://x.com/railsonmaui" className="flex gap-4 items-center" target="_blank" rel="noopener noreferrer">
+            <div
+              className="w-16 h-16 bg-[url('../images/x_64.png')]"
+              role="img"
+              aria-label="X logo"
+            />
+            Rails On Maui on X
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
<div className="w-16 h-16 bg-[url('../images/twitter_64.png')]" />
Rails On Maui on X (Twitter)
</a>
<a
href="https://x.com/railsonmaui"
className="flex gap-4 items-center"
target="_blank"
rel="noopener noreferrer"
>
<div
className="w-16 h-16 bg-[url('../images/x_64.png')]"
role="img"
aria-label="X logo"
/>
Rails On Maui on X
</a>

Expand Down
Loading