Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat/HNG-33-cookie-consent-settings #246

Open
wants to merge 1 commit into
base: dev
Choose a base branch
from

Conversation

Kwasako
Copy link
Collaborator

@Kwasako Kwasako commented Jul 20, 2024

Description

Implemented Cookie Consent Modal

Closes #33

Changes proposed

What were you told to do?

Implement all sections of the cookie consent settings

What did you do?

Implemented all sections of the cookies consent settings designs.

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

  • My code follows the code style of this project.
  • This PR does not contain plagiarized content.
  • The title and description of the PR is clear and explains the approach.
  • I am making a pull request against the dev branch (left side).
  • My commit messages styles matches our requested structure.
  • My code additions will fail neither code linting checks nor unit test.
  • I am only making changes to files I was requested to.

Screenshots/Videos

@chumex412
Copy link
Contributor

Resolve conflicts and attach screenshots of desktop and mobile view

@Kwasako
Copy link
Collaborator Author

Kwasako commented Jul 21, 2024

I have removed the CoookieConsent.tsx component from app/routes/_index.tsx i believe this will resolve the conflict.

@Kwasako
Copy link
Collaborator Author

Kwasako commented Jul 21, 2024

Screenshot 2024-07-21 205654
Screenshot 2024-07-21 205730
the above picture is for small screens and wider screens, I adjusted the design to fit the view height and give a better user experience.


}

*{
Copy link
Contributor

Choose a reason for hiding this comment

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

This is already in global css

@@ -0,0 +1,69 @@
import React, {useState} from "react";
Copy link
Contributor

Choose a reason for hiding this comment

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

You don't need to import react, just useState is fine

Comment on lines +35 to +40
onKeyDown={(e) => {
if (e.key === 'Enter' || e.key === ' ') {
toggleExpand();
e.preventDefault()
}
}}
Copy link
Contributor

Choose a reason for hiding this comment

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

Extract this into a function, then call it here

@@ -0,0 +1,118 @@
import React, { useState } from 'react';
Copy link
Contributor

Choose a reason for hiding this comment

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

Don't import the entire React, just import what you need, e.g FC

Comment on lines +37 to +41
if (e.key === 'Enter' || e.key === ' ') {
onToggle();
e.preventDefault()
}
}}
Copy link
Contributor

Choose a reason for hiding this comment

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

Extract into a function

@abiona01
Copy link
Contributor

Also @Kwasako you have conflicts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FEAT] External static Page > Cookie consent settings (Modal)
3 participants