Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

43 develop detailed view page for a donated item #59

Merged

Conversation

saikiran0405
Copy link
Collaborator

**Fixes #43 **

What was changed?

  • Developed detailed view page for a donated item.

Why was it changed?

  • This feature was added to improve user experience by allowing quick access to detailed information about each donated item. By clicking on the Donated Item ID, users can navigate directly to a dedicated page that provides detailed information, including item details, donor information, program associations, and status logs

How was it changed?

To implement this feature, I added two new files: donatedItemDetails.tsx and donatedItemDetails.css. The donatedItemDetails.tsx file contains the component that displays detailed information about a specific donated item when accessed by ID, while donatedItemDetails.css styles the component for an organized and user-friendly layout.

Additionally, I refactored App.js to include routing for the new detailed view page and updated donatedItemRoutes.ts to handle requests for individual donated items by ID. These changes enable users to click on a Donated Item ID in the list and be redirected to a dedicated page showing detailed information for that specific item.

Screenshots that show the changes (if applicable):

#43_Sprint4

  • After:
    • Attach screenshot

@saikiran0405 saikiran0405 linked an issue Oct 27, 2024 that may be closed by this pull request
3 tasks
Copy link
Collaborator

@truffer11 truffer11 left a comment

Choose a reason for hiding this comment

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

I love the look of the new page! Really good job designing it!

program: true, // Include all program details
statuses: {
orderBy: {
dateModified: 'asc' // Ensure they are ordered chronologically
Copy link
Collaborator

Choose a reason for hiding this comment

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

There seems to be an odd interaction where it sometimes gives updates that it should not

client-app/src/css/DonatedItemDetails.css Show resolved Hide resolved
@@ -0,0 +1,30 @@
import prisma from '../prismaClient';

// export async function validateDonatedItem(donatedItemId: number) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Remember to remove commented out code before you submit

Copy link
Collaborator

Choose a reason for hiding this comment

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

I agree with Joseph

Copy link
Collaborator

Choose a reason for hiding this comment

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

@saikiran0405 please remove the unwanted comments

client-app/src/Components/DonatedItemDetails.tsx Outdated Show resolved Hide resolved
server/src/routes/donatedItemRoutes.ts Outdated Show resolved Hide resolved
server/src/routes/donatedItemRoutes.ts Outdated Show resolved Hide resolved
@@ -0,0 +1,30 @@
import prisma from '../prismaClient';

// export async function validateDonatedItem(donatedItemId: number) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

I agree with Joseph

@Anjali0407-git Anjali0407-git added this to the Sprint 4 milestone Nov 1, 2024
@Anjali0407-git Anjali0407-git merged commit ce656bc into main Nov 4, 2024
3 checks passed
@Anjali0407-git Anjali0407-git deleted the 43-develop-detailed-view-page-for-a-donated-item branch November 4, 2024 18:55
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.

Develop Detailed View Page for a Donated Item
4 participants