ER: Issue with Public Facing Slack Channel Links for Non members

[djbradleyii]

Emergent Requirement - Problem

Prospective members might have been attempting to join slack channels via public facing links. Since they aren't members they are unable to join.

Issue you discovered this emergent requirement in

• Unable to join Slack Engineering and #tdm-calculator channel  #5949

Date discovered

1/17/24

Did you have to do something temporarily

• YES
• NO

Who was involved

@bonniewolfe @djbradleyii @nelsonuprety1

What happens if this is not addressed

Prospective members might attempt to join these slack channels, but will be unable to due to the fact that they are not members resulting in a poor user experience. This might deter potential members from reaching out or associating with HackforLA.

Resources

Screen Shot of Community of Practice Slack link

• Slack link references (non-exhaustive list):
  • getting-started
  • communities-of-practice
  • tdm-calculator

Recommended Action Items

• Make a new issue
• Discuss with team
• Let a Team Lead know

Potential solutions [draft]

Make an issue to determine the technical feasibility of the below
if the issue is feasible, do we have to make unique pages, or can we do it dynamically. If we can do it dynamically, then go ahead and execute. If we need separate pages, write-up how it would work and make a template for making each page, then get sign-off by dev lead and product.

Using an Iframe, and deliver a page that says

The link below goes to a Slack channel inside Hack for LA's Slack Workspace

If you are a member of our community already, selecting the link below will take to the channel. 

If you are not yet a member of our community, please see our [Getting Started](https://www.hackforla.org/getting-started) page to join.

and then has a unique link for the team's slack link they just clicked on

[INSERT TEAM SLACK LINK NAME or CoP NAME THAT WILL LINK TO TEAM/CoP SLACK LINK THAT YOU JUST CAME FROM]

Add this resource to the issue and whatever resources from above that are applicable.

Resources

• Here is a page where we use an iframe https://github.com/hackforla/website/blob/gh-pages/pages/dashboard.html

[HackforLABot]

Hi @siyunfeng, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:-
i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?)
ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[ExperimentsInHonesty]

Once this issue is made - assign it to Siyun.

[siyunfeng]

Availability: 6-9 PM Weekdays (EDT)
ETA: 12/4/2024 Wednesday

[siyunfeng]

@ExperimentsInHonesty , the src attribute in the iframe should be either a URL or an HTML file. I considered using an HTML file because we are not adding an existing website above the slack channel button. However, all the HTML files have a default setting with the same layout as the other pages like the below example:

Screenshot of iframe Example

The page won't fit in the iframe because it will heritage all the layouts and elements as a default page.
Should we use a <p> element instead of an iframe for the notification above both the Join Slack Channel and View GitHub buttons?

Screenshot of p tage Example

[siyunfeng]

Provide Update

1. Progress: I haven't created the issue because using iframe in the instruction won't provide the user experience we want to improve
2. Blockers: using iframe will show too much extra content that we don't need for this issue
3. Availability: 6-9 PM Weekdays (EDT)
4. ETA: 12/20/2024 Friday

[siyunfeng]

Provide Update

1. Progress: I haven't created the issue because using iframe in the instruction won't provide the user experience we want to improve
2. Blockers: I need help with clarifying the correct approach to this ER
3. Availability: 6-9 PM Weekdays (EDT)
4. ETA: 1/19/2024 Sunday (once I clarify the correct process to solve this ER)

[ExperimentsInHonesty]

@siyunfeng I reviewed your screen mockups. I guess the notes in the ER are not clear enough about the proposed solution. We are not suggesting that the iframe is in the community of practice page, but rather clicking on the slack link takes you to a page, that has the paragraph at the top, and the slack results in the bottom portion. That way it would work no matter what page the slack link is on.

If you have additional questions, please make sure to add the ready for product label to your issue once you have put it in the questions column.

[siyunfeng]

@siyunfeng I reviewed your screen mockups. I guess the notes in the ER are not clear enough about the proposed solution. We are not suggesting that the iframe is in the community of practice page, but rather clicking on the slack link takes you to a page, that has the paragraph at the top, and the slack results in the bottom portion. That way it would work no matter what page the slack link is on.

If you have additional questions, please make sure to add the ready for product label to your issue once you have put it in the questions column.

@ExperimentsInHonesty , thanks for clarifying. FYI I'll be on vacation for the next 3 weeks and I'll continue working on this ER when I'm back.