[Mahitha-pasupuleti]

Description

Implements the Plurk auto-poster workflow.

Adds a dedicated Plurk tab in the Announcements section where volunteers can compose Plurk posts, preview and copy the prepared content, and schedule posts for later.

Provides a qualifier selection, validates required fields, includes a character counter with Plurk's 360-character limit, and supports clipboard functionality. The interface also includes scheduling controls, saved scheduled posts, and dark-mode styling.

Related PRs (if any):

None.

Main changes explained:

• Create src/components/Announcements/platforms/plurk/index.jsx for the Plurk auto-poster form, including post content, qualifier selection, character counter, preview, and scheduling options.
• Update src/components/Announcements/index.jsx to route the Plurk tab to the new component instead of the generic SocialMediaComposer.
• Add Plurk-specific styling for the post form, preview, scheduling interface, responsive layouts, and dark-mode support.
• Add qualifier options such as says, thinks, feels, shares, likes, loves, asks, and wonders.
• Add clipboard functionality to copy the prepared Plurk post.
• Add scheduling functionality to create, edit, and delete scheduled post drafts, with schedule data persisted in local storage.
• Keep the implementation frontend-only without Plurk API requests or backend dependencies.

How to test:

1. Check out this branch.
2. Run yarn install, then npm run start:local.
3. Sign in as an admin and navigate to /announcements.
4. Select the Plurk tab.
5. Enter post content and select a qualifier. Verify that the preview reflects the selected qualifier and content.
6. Verify that required-field validation works and that the 360-character limit is enforced.
7. Use the copy button to verify that the prepared post is copied and the appropriate feedback message appears.
8. Open the scheduling section and create a scheduled post with a date and time.
9. Verify that scheduled posts appear in the saved list and that editing and deleting them work correctly.
10. Refresh the page and verify that saved scheduled posts persist.
11. Verify that the interface does not report successful publication or automatically publish posts without a confirmed Plurk API integration.
12. Toggle dark mode and verify that the form, preview, buttons, and scheduler remain readable.
13. Enter long content to verify that the layout wraps correctly without overflowing its containers.
14. Verify that the component works at different screen sizes.

Screenshots or videos of changes:

Result.mov

Note:

This implementation provides the Plurk auto-poster frontend only. Posts can be composed, copied, and saved as scheduled drafts in local storage. Automatic publishing to Plurk is not implemented and requires a separately developed and verified API integration with a backend.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	5a9a35a
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6aed078b62dd1060ee0cac95
😎 Deploy Preview	https://deploy-preview-5737--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud