Snehal auto poster for facebook

[SnelPatare]

Description

(PRIORITY HIGH) Jae: Create appropriate auto-poster for Facebook + Facebook Groups

Related PRS (if any):

This frontend PR is related to the OneCommunityGlobal/HGNRest#1268 backend PR.
To test this Frontend PR you need to checkout the OneCommunityGlobal/HGNRest#1268 backend PR.
…

Main changes explained:

• Updated Announcements/Announcements.css
• Updated Announcements/index.jsx
• Updated src/utils/URL.js

How to test:

Initial Setup to test PR:

1. Prepare Facebook account:
   • Create Facebook developer account using https://developers.facebook.com/
   • Register Facebook account using https://developers.facebook.com/async/registration/
     • Enter mobile number and Verify
     • Select Developer in About you section
2. Contact me (Snehal Patare) on WhatsApp or slack for admin access for One Community (testing page) Facebook page and Test access for the developer.facebook app.
3. Accept the invitation on facebook.com -> pages on left panel -> Invites
4. Refresh the facebook page. Click on your profile dp on upper right side. You should see the One Community (testing page) page in dropdown. (You will be having admin access)
5. Accept the request on the developer.facebook (https://developers.facebook.com/ ) application. The invitation will be shown on upper-right corner of the page.

Test in HGN application
7. check into current branch
8. do npm install and to run this PR locally using "HTTPS=true nom run start:local"
9. Clear site data/cache
10. log as Owner user
11. go to taskbar→ Other links -> Send Emails
12. Enter text in Weekly Progress Editor
13. At the end of the page. Select Login to Facebook button.
14. This will open the Facebook window for authorization. Enter Facebook Email and Password. Select Continue buttons. Lastly it will revert back to HGN application
15. HGN application (https://localhost:3000/announcements). Scroll down at the end of the page. Select Post to Facebook button.
16. This should post the test written in Weekly Progress Editor on One Community(Temporary) Facebook page.
17. Login to Facebook.com. Check for Facebook post on Facebook page.
18. Please test the application by adding text and images in Weekly Progress Editor.

Screenshots or videos of changes:

video.mp4

Note:

Please contact me if you need help with the setup.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	f6dffc1
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/682831cd7671ed0008ad6487
😎 Deploy Preview	https://deploy-preview-3270--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[sidhu47h]

Tested the changes and fired a request to connect to the facebook api. The changes are working as expected. The text sent from the HGN App showed up as a post on the facebook page.

[vasavi-139]

I’ve created the auto-poster for Facebook and Facebook Groups. I’ve tested it by following all the steps, including logging in, posting through the Weekly Progress Editor, and verifying the post on the One Community Facebook page. I’ve verified everything, and it works as expected.

[rohanrastogi311]

Hi Snehal,

Launch Error due to incorrect node version. 14 instead of 20.

[one-community]

Replaced with new PR set: #4714 and OneCommunityGlobal/HGNRest#2005