Refont “Renew your domain” - Second step "Checkout"

[Kevils]

Description 📹

Current one :

New design :

Figma file : https://www.figma.com/design/S1UKYgWewNqNHZFAaBUilG/%F0%9F%8F%9D%EF%B8%8F-Starknet-ID?node-id=4159-16138&t=iPIFDhhXIVHbiHTp-1

Modify the structure and design of input + close icon to align with our new design approach (DA) for the second step, 'checkout'.

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.

[SudiptaPaul-31]

@Kevils I think I can solve this issue

My approach to tackle this:

Will go to the actual page on the codebase and make the changes accordingly from the figma design and making it responsive for all devices.

ETA - 1DAY

[chiscookeke11]

Is this issue still available?

[michojekunle]

I'd love to tackle this

[mimisavage]

Could I take over this issue?

[Elite-tch]

May I pick this up?

[Marvelousmicheal]

I'm a frontend developer working to build my confidence in contributing to open source. I started last month with the OnlyBoost hackathon, and since then, I've fallen in love with open source contributions. I believe this issue is a great opportunity for me to continue building my skills, as it involves modifying the structure and design of the input field and close icon

[Snehagupta1907]

Can I be assigned to this?

[No-bodyq]

Can I try solving this issue?

[pheobeayo]

Can I handle this task?

[covenantebube]

Hi, My name is covenant ebube. I am a MERN stack developer with years of experience solving problems using Typescript. And i am very confident that i can solve this task. Can you please assign

[emmz3230]

Interpreting the design to have a sidebar by modifying the color, text, background-color and button, which will lead to the checkout

[Benjtalkshow]

Can I tackle this one?

[Michaelkingsdev]

I’m interested in this one.

[Snehagupta1907]

can i work on it

[OWK50GA]

Hi, I'll love to work on this

[Verifieddanny]

Is this issue still available?

[Emmanex01]

Hey 👋, I would like to work on this.

[code-stan]

I am a frontend engineer, primarily focused on performance, functionality and accessibility. I can take care of this perfectly.

[3th-Enjay]

Good frontend dev with experience in Vue next and React , I have read this and know what to do ETA 4hrs

[Marchand-Nicolas]

Hello @3th-Enjay are you working on the issue ?

[emarc99]

Would love to do this!

[kingjosmel]

Mind if I take this issue?

[tali-creator]

Would love to tackle this!

[sylvester-strk]

hello, i'm a frontend developer. I would love to work on this one.

[Jayrodri088]

Hi, I'm a frontend web3 developer with experience in NextJs and React. I have gone through the issue and I estimate less than 8hrs to drop a PR