Issue #45: Instagram Post Create & Edit Routes

[wumibals]

Labels: frontend admin instagram routing
Area: frontend/app/(auth)/admin/instagram/new/page.tsx, frontend/app/(auth)/admin/instagram/[id]/page.tsx
Difficulty: Intermediate

Description

The Instagram section needs create and edit route pages that both wrap the shared InstagramForm component. The edit page fetches the existing post by ID; the create page passes no initial data.

Acceptance Criteria

• Create frontend/app/(auth)/admin/instagram/new/page.tsx:
  • Server component with metadata: { title: "Add Instagram Post" }
  • Renders <InstagramForm mode="create" />
• Create frontend/app/(auth)/admin/instagram/[id]/page.tsx:
  • "use client" component
  • Reads id from useParams
  • Fetches post by ID via TanStack Query
  • Renders <InstagramForm mode="edit" initialData={post} /> once loaded
  • Shows loading and error states
• Both pages redirect to /admin/instagram after successful submission (handled inside InstagramForm)

Technical Notes

• InstagramForm is pre-built in @/components/admin/instagram/InstagramForm
• Mirror the same pattern as the Gallery create/edit routes (Issue created the protected route component #43)

[RUKAYAT-CODER]

@RUKAYAT-CODER has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi am a full stack developer, i will like to work on this.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @RUKAYAT-CODER to this issue.

[drips-wave]

Congratulations, @RUKAYAT-CODER! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @RUKAYAT-CODER: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @RUKAYAT-CODER as part of the Stellar Wave Program's 3rd Wave 🥳

😎 @RUKAYAT-CODER: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.