papercups-io/papercups

Hide widget outside of working hours

Open

#413 opened on Nov 23, 2020

View on GitHub
 (2 comments) (0 reactions) (0 assignees)Elixir (6,032 stars) (566 forks)batch import
enhancementfrontendgood first issue

Description

Problem As a company it is a bad experience if a customer messages me and there is no response

Solution As a user I want to be able to hide widget outside of working hours. I want to have a boolean flag is set.

You need to modify: https://github.com/papercups-io/chat-widget

  • Widget should have a boolean field with the flag hideWidgetOutsideOfWorkingHours (Or whatever reasonable name it is)
  • When a user sets the boolean to true the widget should be hidden when it is outside of working hours
  • Dashboard should have a button that toggles this on and off https://github.com/papercups-io/papercups - dashboard change to persist the data

Edge cases:

  • If the boolean is set before the user has the working hours set it should show a console log but should not hide the widget
  • When a user has finished

Testing A user should be able to set the flag a minute in the future and when they refresh the flag a minute later it should hide the widget

Questions, or need help getting started? Feel free to ask below, or ping us on Slack :)

(You can also check out our CONTRIBUTING.md)

Contributor guide

Tech stack
elixirjavascriptreact
Domain
frontendbackend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Elixir basicsReact basicsGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Start by examining the chat widget repository for the widget component and the papercups repository for the dashboard. Look for existing working hours logic in the dashboard. Implement a boolean flag in the widget to hide it based on working hours. Ensure edge cases are handled (e.g., flag set before working hours defined). Test by setting the flag and verifying widget hides after refresh. Check any comments in the issue for additional guidance.