Skip to content

Shravan - Create a landing page for Animal Management module#5076

Open
Shravan-neelamsetty wants to merge 1 commit intodevelopmentfrom
shravan-animal-management-landing-page
Open

Shravan - Create a landing page for Animal Management module#5076
Shravan-neelamsetty wants to merge 1 commit intodevelopmentfrom
shravan-animal-management-landing-page

Conversation

@Shravan-neelamsetty
Copy link
Copy Markdown

Description

Phase 6 - Kitchen Inventory Management - Create a landing page for Animal Management module from production and Animal Inventory section.

Implements Kitchen Inventory Management Phase 6 - Animal Management Landing Page

Related PRs (if any):

No related PRs.

Main changes explained:

  • Create file AnimalManagement.jsx for introducing the Animal Management landing page component with dashboard cards, section navbar, animal inventory grid, search functionality, and auto dark mode detection
  • Create file AnimalManagement.module.css for all component styling using CSS modules with earth-tone palette, dark mode support, and responsive breakpoints
  • Create file index.js for barrel export of the AnimalManagement component
  • Update file routes.jsx for adding the AnimalManagement import and registering the route at /kitchenandinventory/animalmanagement using KIProtectedRoute

How to test:

  1. Check into branch shravan-animal-management-landing-page
  2. Do npm install and npm run start:local to run this PR locally
  3. Clear site data/cache
  4. Log in as admin user
  5. Navigate to Kitchen & Inventory portal → go to /kitchenandinventory/animalmanagement
  6. Verify the dashboard displays four summary cards (Total Animals, Pending Animal Orders, Feed Orders, Upcoming Culling Tasks)
  7. Verify the section navbar switches between Animal Inventory, Animal Orders, Feed Inventory, Feed Orders, and Culling Events tabs
  8. Verify the Animal Inventory grid displays six animal cards with count, purpose, type/breed, location, age, and health tags (Healthy/Attention/Critical)
  9. Verify the search bar filters animals by name, breed, location, or purpose (try "chicken", "dairy", "barn")
  10. Verify the "View Details" button appears on each card
  11. Verify this new feature works in [dark mode].

Screenshots or videos of changes:

Light mode

Screenshot 2026-03-28 at 1 18 43 AM

Dark mode

Screenshot 2026-03-28 at 1 19 41 AM

Note:

This PR uses mock data for demonstration. The Animal Orders, Feed Inventory, Feed Orders, and Culling Events sections show placeholder content and will be implemented in separate deliverables. The "View Details" button functionality will also be added in a future task. The component auto-detects dark mode using a MutationObserver on document.body class changes, so no prop passing is required from the route.

@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 28, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit e4bc931
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69df767e9d05cb0008e584f5
😎 Deploy Preview https://deploy-preview-5076--highestgoodnetwork-dev.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.

@Shravan-neelamsetty Shravan-neelamsetty force-pushed the shravan-animal-management-landing-page branch 4 times, most recently from a4f1e3c to e4bc931 Compare April 15, 2026 11:28
@sonarqubecloud
Copy link
Copy Markdown

@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Apr 16, 2026
Copy link
Copy Markdown

@HemanthNidamanuru HemanthNidamanuru left a comment

Choose a reason for hiding this comment

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

Hi Shravan,

I tested this PR locally and everything looks good.

Image Image Image Image Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants