Update the Domain Expiration feature - Final review

[Kevils]

Description 📹

Issues :

• Update the Domain Expiration feature - Add Expiration Badge & Tooltip #1023
• Update the Domain Expiration feature - Popup domain expiration #1024
• Update the Domain Expiration feature - Change the color of button #1025
• Update the Domain Expiration feature - Change the color of the date chip #1026
• Update the Domain Expiration feature - Change the text of the button #1027
• Update the Domain Expiration feature - Remove buttons #1028

Your task will be to check that all the issues have been correctly developed, that the components are properly arranged, and that everything matches exactly as in the Figma design: https://www.figma.com/design/S1UKYgWewNqNHZFAaBUilG/%F0%9F%8F%9D%EF%B8%8F-Starknet-ID?node-id=5274-23442&t=2SkxW4DSGWHqE5Q7-1

Proposed Actions 🛠️

Here’s a checklist of actions to follow for resolving this issue:

1. Fork and Create Branch:
   Fork the repository and create a new branch using the issue number:

   git checkout -b fix-[issue-number]

2. Implement Changes:
   [Insert Code snippet if needed with a mardown todo list]

3. Run Tests and Commit Changes:
   Make sure your changes don't break existing functionality and commit with a clear message:

   git commit -m "Fix: [Short description of the fix]"

Required 📋

To keep our workflow smooth, please make sure you follow these guidelines:

• Assignment: Don't create a pull request if you weren’t assigned to this issue.
• Timeframe: Complete the task within 3 business days.
• Closing the Issue: In your PR description, close the issue by writing Close #[issue_id].
• Review Process:
  • Once you've submitted your PR, change the label to "ready for review".
  • If changes are requested, address them and then update the label back to "ready for review" once done.
• Testing: Test your PR locally before pushing, and verify that tests and build are working after pushing.

Thank you for your contribution 🙏

⚠️ WARNING: Failure to follow the requirements above may result in being added to the OnlyDust blacklist, affecting your ability to receive future rewards.

[blessingbytes]

I'm ready to solve this issue

[TheRanomial]

Can I be assigned to this?ETA - 24 hours.

[OWK50GA]

May I take this issue on?
I'm a Frontend Web Developer, and with my experience, I can do this

[Elite-tch]

I'd love to work on this!

[pheobeayo]

Is this issue still available?

[JoeX17]

Can I handle task?
Hi, I've professional experience working on frontend applications (React, Vue, Next, Ts). I've gone through the repository, figma designs and requirements. I would love to contribute to this project. My draft PR should be ready within 12 hours of assignment.

[ritik4ever]

Let me try this one!

[Supa-mega]

Let me handle this issue!

[chiscookeke11]

I'd love to give this a go.

[legend4tech]

May I handle this issue?

[mimisavage]

Can I attempt this issue?

[tali-creator]

Is it okay if I tackle this?

[davedumto]

Hi, my name is David, and I am a frontend developer skilled in React, Next.js, JavaScript, TypeScript, Tailwind CSS, and Shadcn. For this task, I will:

• Check the development of the issues listed, ensuring all components are properly arranged.
• Verify that everything matches the Figma design provided in the references.
• Ensure that the layout, styling, and functionality are correctly implemented as per the design specifications.

ETA: 8 hours.

[Nityam573]

@Kevils May I get assigned to this

[SamarthJ2004]

Hi, I’d love to contribute to this issue! 🚀

My Approach

I will thoroughly validate the Domain Expiration feature by:
• Verifying Components & Logic: Ensuring expiration badges, tooltips, and popups are correctly structured and conditionally rendered.
• Styling & UI Consistency: Checking CSS/SCSS (or Tailwind) to ensure button colors, date chips, and text updates match Figma specs.
• Interaction & State Testing: Validating event handlers, hover effects, and popups for smooth functionality.
• Code Quality & Performance: Ensuring clean, maintainable code with optimized rendering and no regressions.

Why Me?

I have experience with React, UI/UX validation, and state management, ensuring pixel-perfect designs and smooth interactions. I also prioritize performance and maintainability in my contributions.

Looking forward to your assignment! 😊🔧

[Marchand-Nicolas]

@SamarthJ2004 I will merge the sub issues soon. Are you ready ?

[SamarthJ2004]

Sure @Marchand-Nicolas , I am ready.