Kiwi: Add a cookie consent popup to the RunKiwi website (https://github.com/RunKiwi/website @ main). Steps: - #24
Open
ibreakthecloud wants to merge 1 commit into
Open
ibreakthecloud wants to merge 1 commit into
ibreakthecloud wants to merge 1 commit into
Conversation
…ub.com/RunKiwi/website @ main). Steps: 1. Clone/inspect the repo to understand the tech stack (static site, Next.js, Nuxt, etc.) and existing design tokens (colours, fonts, border-radius, button styles). 2. Choose a lightweight, well-maintained third-party cookie-consent library that fits the stack: - For a JS/React/Next.js project prefer `react-cookie-consent` or `cookieconsent` (Orestbida's vanilla JS v3). - For Nuxt/Vue prefer `vue-cookieconsent` or the same vanilla library. - Install it via the project's package manager (npm/yarn/pnpm) and commit the updated lock file. 3. Integrate the library: - Import and initialise it in the appropriate entry point (_app.tsx / _app.js / nuxt.config / layout/default.vue / index.html etc.). - Configure it to: show a bottom banner, include 'Accept' and 'Decline' (or 'Manage') buttons, link to a Privacy Policy page (use '/privacy' or the existing privacy URL found in the repo). 4. Style the popup to match the site design: - Override the library's default CSS variables or classes to use the site's primary colour, background colour, font family, border-radius and button styles as found in the existing CSS/Tailwind/styled-components. - Ensure the popup is responsive and accessible (keyboard-navigable, sufficient colour contrast). 5. Respect user choice: - On 'Accept', set the consent cookie and allow analytics/tracking scripts to load. - On 'Decline', do not load non-essential scripts. - Do not show the banner again once a choice has been stored. 6. Verify nothing is broken by running the project's existing lint and build commands (e.g. `npm run build` or `npm run lint`), then output `echo "passing"`.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Generated by Kiwi worker.
Task
Add a cookie consent popup to the RunKiwi website (https://github.com/RunKiwi/website @ main). Steps:
react-cookie-consentorcookieconsent(Orestbida's vanilla JS v3).vue-cookieconsentor the same vanilla library.npm run buildornpm run lint), then outputecho "passing".