Skip to content

Changed home page and overall theme to match with provided design#5

Merged
shadil-rayyan merged 10 commits intoCodeCompasss:mainfrom
FahadLive:main
Jun 19, 2025
Merged

Changed home page and overall theme to match with provided design#5
shadil-rayyan merged 10 commits intoCodeCompasss:mainfrom
FahadLive:main

Conversation

@FahadLive
Copy link
Copy Markdown
Contributor

No description provided.

@FahadLive FahadLive changed the title Switched to light mode (Commented out media query) & Made some changes to home page Changed home page and overall theme to match with provided design Jun 9, 2025
@FahadLive
Copy link
Copy Markdown
Contributor Author

Current Look:

image

@shadil-rayyan shadil-rayyan requested a review from Copilot June 9, 2025 12:45
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR updates the home page and overall theme to align with the provided design, enhancing the visual style and adding new data elements to the header.

  • Updated header component to display user greeting with semester and department details
  • Revised TimeTable components with updated navigation and layout styling
  • Switched icons and adjusted styling in various components (navbar, quick actions, globals.css)

Reviewed Changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
src/components/topNavbar.tsx Updated header greeting with additional user props and a new icon from iconsax-react
src/components/home/TimeTableSlider.tsx Minor layout adjustments and consistent quote styling
src/components/home/TimeTableDay.tsx Updated timetable day header styling and ordering of schedule elements
src/components/home/TimeTable.tsx Introduced a new TimeTableBlock component with navigation logic
src/components/home/ResponsiveDashboard.tsx Integrated the new TimeTableBlock and adjusted layout spacing
src/components/home/QuickActions.tsx Refactored quote usage and button actions for quick links
src/components/bottemNavbar.tsx Changed icons and styling, with a potential naming issue in the filename
src/components/QuickActionButton.tsx Added border styling to reflect the new design
src/app/globals.css Introduced new CSS variables and commented out dark mode styles
package.json Added iconsax-react dependency and updated dependency spacing
Comments suppressed due to low confidence (1)

src/components/bottemNavbar.tsx:3

  • The component name is clear, but the filename 'bottemNavbar.tsx' may contain a typo; consider renaming it to 'bottomNavbar.tsx' for clarity.
const BottomNavBar = () => {

Comment thread src/components/home/TimeTable.tsx Outdated
};
return (
<div className="border border-[var(--text)] rounded-lg p-4 ">
<img className="absolute h-16" src="/scribble-circle.svg" />
Copy link

Copilot AI Jun 9, 2025

Choose a reason for hiding this comment

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

The image tag is missing an alt attribute; consider adding descriptive alt text for improved accessibility.

Suggested change
<img className="absolute h-16" src="/scribble-circle.svg" />
<img className="absolute h-16" src="/scribble-circle.svg" alt="Scribble circle graphic" />

Copilot uses AI. Check for mistakes.
Comment thread src/app/globals.css
}
--text: black;
}

Copy link

Copilot AI Jun 9, 2025

Choose a reason for hiding this comment

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

[nitpick] The dark mode media query is commented out; if this is intentional, consider adding a comment to explain the reasoning for future maintainability.

Suggested change
/* Dark mode media query is commented out intentionally.
This is pending design review or future implementation of dark mode. */

Copilot uses AI. Check for mistakes.
@FahadLive
Copy link
Copy Markdown
Contributor Author

@shadil-rayyan Test cases has been added

@shadil-rayyan shadil-rayyan merged commit 42db8ff into CodeCompasss:main Jun 19, 2025
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.

3 participants