Skip to content

feat: add cookies policy page and footer link#692

Open
ArshiBansal wants to merge 3 commits into
algoscope-hq:mainfrom
ArshiBansal:cookies_policy_page
Open

feat: add cookies policy page and footer link#692
ArshiBansal wants to merge 3 commits into
algoscope-hq:mainfrom
ArshiBansal:cookies_policy_page

Conversation

@ArshiBansal

@ArshiBansal ArshiBansal commented Jun 20, 2026

Copy link
Copy Markdown

Pull Request Summary

feat: add cookies policy page and footer link

What changed?

  • Created a new CookiesPage.jsx with a comprehensive, professional Cookie Policy.
  • Updated Footer.jsx to include a "Cookies" link next to the "About Project" link.
  • The Cookies page features a clean two-column layout (sticky sidebar + main content), smooth Framer Motion animations, full theme consistency, table of contents, all standard cookie policy sections, and a return-to-home button at the bottom.
  • Added the /cookies route-ready page with proper sections covering all required legal details.

Main files affected:

  • src/pages/CookiesPage.jsx (new)
  • src/components/Footer.jsx (updated)

Why is this needed?

This fulfills legal and transparency requirements by providing users with clear information about cookie usage on AlgoScope. It also improves user trust and completes the site's footer navigation.

Closes #675

Type of Change

  • feat - New user-facing feature or algorithm capability
  • fix - Bug fix or regression fix
  • docs - Documentation-only change
  • style - Formatting or styling change with no behavior change
  • refactor - Code restructuring with no feature or bug-fix behavior change
  • perf - Performance improvement
  • test - Test coverage or test infrastructure change
  • build - Build system, dependency, or packaging change
  • ci - GitHub Actions, Docker, Vercel, or release automation change
  • chore - Maintenance change that does not affect users
  • revert - Reverts a previous change

Release Notes

Release note category:

  • Added

Release note entry:

  • Added comprehensive Cookie Policy page with detailed information and footer link for better transparency.

Testing and Verification

  • npm ci or npm install
  • npm run format:check
  • npm run lint
  • npm run build
  • Manual browser testing at http://localhost:5173
  • Responsive testing for affected views
  • No new console errors or warnings

Skipped or additional testing notes:
Tested navigation from footer to /cookies and all internal anchor links.

UI Evidence

Before:
(No Cookies page or link in footer)

After:

  • New clean two-column Cookies Policy page with sidebar navigation and animations
  • Updated footer now includes "Cookies" link
    (Screenshots/GIFs would be attached in actual PR)

CI/CD and Deployment Impact

  • No deployment impact expected
  • Updates GitHub Actions or release automation
  • Updates Docker build/runtime behavior
  • Updates Vercel, Nginx, redirects, or client-side routing behavior (new route added)
  • Adds or changes environment variables
  • Adds, removes, or updates npm dependencies
  • Requires maintainer follow-up after merge

Deployment notes:
Remember to add the route <Route path="/cookies" element={<CookiesPage />} /> in your router configuration (App.jsx / main routing file).

Reviewer Checklist

  • PR title follows Conventional Commits and matches the selected change type
  • Scope is focused and unrelated changes are excluded
  • Release note category and entry are accurate
  • CI checks are expected to pass: format, lint, and build
  • UI evidence is included when user-facing screens changed
  • Documentation is updated when behavior, setup, or deployment changed

Summary by CodeRabbit

Release Notes

  • New Features
    • Launched a dedicated cookie policy page featuring organized sections, an interactive navigation sidebar, and comprehensive cookie information.
    • Added a "Cookies" link to the footer for convenient access to the cookie policy.
    • Enhanced footer navigation with smooth scroll-to-top functionality on all links.

@netlify

netlify Bot commented Jun 20, 2026

Copy link
Copy Markdown

Deploy Preview for astounding-nougat-da0f6a ready!

Name Link
🔨 Latest commit bf290a0
🔍 Latest deploy log https://app.netlify.com/projects/astounding-nougat-da0f6a/deploys/6a36e147c2b33c00085fc76d
😎 Deploy Preview https://deploy-preview-692--astounding-nougat-da0f6a.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@vercel

vercel Bot commented Jun 20, 2026

Copy link
Copy Markdown

@ArshiBansal is attempting to deploy a commit to the adityapaul2603-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

@coderabbitai

coderabbitai Bot commented Jun 20, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Warning

Review limit reached

@Bimbok, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 54 minutes and 4 seconds. Learn how PR review limits work.

Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file).

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits.

🚦 How do rate limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, the refill rate gradually slows as usage increases. The highest same-day bursts are limited more strictly.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yml

Review profile: CHILL

Plan: Pro Plus

Run ID: cbbcc5af-ddb6-4882-bd4d-8cef2dc81bbb

📥 Commits

Reviewing files that changed from the base of the PR and between 095c8ca and bf290a0.

📒 Files selected for processing (2)
  • src/components/Footer.jsx
  • src/components/cookies.jsx
📝 Walkthrough

Walkthrough

A new CookiesPage React component is added with animated policy sections, a sidebar contents list, a cookie retention table, and a Footer. The existing Footer component is updated to remove a placeholder gap and add a "Cookies" link alongside the existing "About Project" link.

Changes

Cookie Policy Page and Footer Integration

Layer / File(s) Summary
Footer: add Cookies link and remove placeholder
src/components/Footer.jsx
Removes the fixed-gap placeholder comment and wraps the existing "About Project →" link with a new flex container that also includes a new "Cookies" Link, both sharing smooth scroll-to-top onClick behavior.
CookiesPage: layout, header, and sidebar
src/components/cookiespage.jsx
Defines the CookiesPage component with framer-motion, react-router-dom Link, and Footer imports; renders the animated "Cookie Policy" header with a last-updated date; builds the two-column layout with a left "Contents" sidebar mapping anchor links to section IDs.
CookiesPage: policy sections, table, navigation, and export
src/components/cookiespage.jsx
Implements all eight animated motion.section blocks (cookie definition, types, usage, third-party, retention table, managing, updates, contact), adds the "Return to Homepage" Link, renders the Footer, and exports CookiesPage as default.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related issues

  • [Feature]: Add a Dedicated Cookies Policy Page #675 — This PR directly implements the dedicated Cookies Policy page requested in this issue, including all specified sections (cookie types, retention periods, managing cookies, third-party cookies, contact info, last-updated date) and the footer link.

Possibly related PRs

  • algoscope-hq/AlgoScope#265: Both PRs touch the Footer.jsx link area with the same "scroll to top on click" pattern for navigation links.
🚥 Pre-merge checks | ✅ 6 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Conventional Commits ⚠️ Warning PR title follows conventional commits (feat: ...), but the actual commit message "cookies page created and added" lacks the required type prefix. Amend commit message to follow conventional commits format, e.g., "feat: add cookies policy page and footer link"
✅ Passed checks (6 passed)
Check name Status Explanation
Title check ✅ Passed The title 'feat: add cookies policy page and footer link' directly matches the main changes—a new cookies page component and footer navigation updates.
Description check ✅ Passed The description comprehensively covers all required template sections: summary, changes, reasoning, type classification, release notes, testing verification, UI evidence, deployment impact, and reviewer checklist.
Linked Issues check ✅ Passed The PR fully implements all coding requirements from issue #675: new CookiesPage component with two-column layout, Framer Motion animations, all required policy sections, footer link, and route-ready structure.
Out of Scope Changes check ✅ Passed Both file changes—CookiesPage.jsx creation and Footer.jsx updates—are directly scoped to issue #675 requirements; no extraneous modifications were introduced.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Algorithm Complexity ✅ Passed Algorithm Complexity check is not applicable; PR adds UI components (CookiesPage, Footer link), not algorithm implementations requiring complexity analysis.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/cookiespage.jsx`:
- Line 280: The JSX text content on line 280 in cookiespage.jsx contains an
unescaped double quote character within the string "version will be posted here
with a new "Last updated" date." which triggers the react/no-unescaped-entities
lint rule. Replace the unescaped double quote characters around "Last updated"
with the HTML entity &quot; to properly escape them in JSX text content.

In `@src/components/Footer.jsx`:
- Line 184: The cookies link route in the Footer component is using
`/cookiespage` but the application's route contract defines the cookies page
route as `/cookies`. Update the `to` prop in the cookies link (currently set to
`/cookiespage`) to match the correct route contract by changing it to
`/cookies`.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yml

Review profile: CHILL

Plan: Pro Plus

Run ID: fcc91db0-c786-4e79-b6b6-0704930d70cd

📥 Commits

Reviewing files that changed from the base of the PR and between 04b5c88 and 095c8ca.

📒 Files selected for processing (2)
  • src/components/Footer.jsx
  • src/components/cookiespage.jsx

<p>
We may update this policy from time to time to reflect
changes in our practices or for legal reasons. The updated
version will be posted here with a new "Last updated" date.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟠 Major | ⚡ Quick win

Resolve JSX unescaped quote lint error.

Line 280 contains unescaped " in JSX text (react/no-unescaped-entities), which can fail lint checks.

Suggested fix
-                    version will be posted here with a new "Last updated" date.
+                    version will be posted here with a new &quot;Last updated&quot; date.
📝 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
version will be posted here with a new "Last updated" date.
version will be posted here with a new &quot;Last updated&quot; date.
🧰 Tools
🪛 ESLint

[error] 280-280: " can be escaped with &quot;, &ldquo;, &#34;, &rdquo;.

(react/no-unescaped-entities)


[error] 280-280: " can be escaped with &quot;, &ldquo;, &#34;, &rdquo;.

(react/no-unescaped-entities)

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/cookiespage.jsx` at line 280, The JSX text content on line 280
in cookiespage.jsx contains an unescaped double quote character within the
string "version will be posted here with a new "Last updated" date." which
triggers the react/no-unescaped-entities lint rule. Replace the unescaped double
quote characters around "Last updated" with the HTML entity &quot; to properly
escape them in JSX text content.

Source: Linters/SAST tools

Comment thread src/components/Footer.jsx Outdated
@vercel

vercel Bot commented Jun 20, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
algo-scope Ready Ready Preview, Comment Jun 20, 2026 6:52pm

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.

[Feature]: Add a Dedicated Cookies Policy Page

2 participants