Skip to content

Add audit readiness section and professional footer#203

Open
Pushpindersingh-2027 wants to merge 1 commit into
Hardhat-Enterprises:mainfrom
Pushpindersingh-2027:frontend-footer-pushpinder
Open

Add audit readiness section and professional footer#203
Pushpindersingh-2027 wants to merge 1 commit into
Hardhat-Enterprises:mainfrom
Pushpindersingh-2027:frontend-footer-pushpinder

Conversation

@Pushpindersingh-2027
Copy link
Copy Markdown

This PR improves the AutoAudit frontend by adding a professional Audit Readiness section and a refined footer for public pages.

Changes made:

  • Added Audit Readiness section for public pages
  • Added evidence, risk, and workflow feature cards
  • Improved footer content with platform, security, and project columns
  • Used existing theme tokens for consistent styling
  • Added responsive CSS for mobile and desktop
  • Confirmed frontend production build is successful

Role:
Frontend Developer

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 0ebeb1716c

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment thread frontend/src/App.tsx
/>
</Routes>

{showMarketingFooter && (
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Badge Avoid rendering a second footer on public routes

This conditional renders an additional footer for /, /about, and /contact, but each of those route components already includes LandingFooter (frontend/src/pages/Landing/LandingPage.tsx, frontend/src/pages/Landing/AboutUs.tsx, and frontend/src/pages/Contact/ContactPage.tsx). As a result, users on public pages get duplicate footer sections and the new readiness block appears after an existing footer, which breaks page structure and creates conflicting footer landmarks.

Useful? React with 👍 / 👎.

@6igby
Copy link
Copy Markdown
Collaborator

6igby commented May 4, 2026

  • Codex already made a comment regarding these changes should be in the LandingFooter file?
  • Have you tested your changes to ensure this actually renders and doesnt double render?
  • Frontend are about to merge their css to Tailwind css migration, which is relevent in PR#191, the global.css file wont exist after that merges.

Copy link
Copy Markdown
Collaborator

@6igby 6igby left a comment

Choose a reason for hiding this comment

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

feedback above

@du-dhartley
Copy link
Copy Markdown
Collaborator

This is also from a fork - why wasn't this on a feature branch in this repository?

Copy link
Copy Markdown
Collaborator

@liyunze-coding liyunze-coding left a comment

Choose a reason for hiding this comment

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

Can you update your changes with the TailwindCSS migrations?

@liyunze-coding
Copy link
Copy Markdown
Collaborator

You may close this pull request and start from scratch

--color-surface-1: 15 23 42; /* #0f172a Oxford Blue */
--color-surface-2: 30 41 59; /* #1e293b Prussian Blue (Muted) */
--color-subtle: 51 65 85;/* #334155 Charcoal (Grey) */
--color-surface-2: 30 41 59; /* #1e293b Prussian Blue */
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

To be honest I'm just confused about styles/global.css, it has been removed since the TailwindCSS migration and we should be using index.css and the main point of CSS


/* AutoAudit Audit Readiness Section */
.autoaudit-readiness-section {
width: 100%;
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Please use TailwindCSS instead

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.

4 participants