Description

ECMAScript 6 provides a concise form for defining object literal methods and properties. This syntax can make defining complex object literals much cleaner.

Occurrences

There are 2 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0240/occurrences/

Integrate Novu notifications

As a software developer (user persona), I want to be able to configure Auth0 as the Authentication Provider and integrate it with NextJS, so that the Insurance Agents can log in securely and access their accounts.

Feature: Authentication Configuration

User persona: Software Developer

As an Insurance Agent (user persona), I want to receive real-time updates when a user is updated, deleted, or a new user is added, so that I can stay informed and take appropriate action if necessary.

The Navigation Links should be the following:

• Mensajes
• Directorio

When you click on one of them, the corresponding Component should render.

For Mensajes the Messages and the UsersList Component should be rendered.
For Directorio the UsersList should be rendered

Description

When rendering a list of items in React, it is necessary to pass a "key" prop. This key is used by React to identify which items have changed, are added, or are removed and should be stable. It is not recommended to use the index of an element as key …

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0437/occurrences/

As an Insurance Agent (user persona), I want to be able to add new users to the web app, so that I can manage their insurance policies and information.

As an Insurance Agent (user persona), I want the authentication forms of the web app to be available in Spanish, so that I can more easily navigate the login and password reset processes.

As an Insurance Agent, I want to receive an email notification after successfully resetting my password, so that I can confirm the change.

Feature: Password Reset Confirmation
User Persona: Insurance Agent

As an Insurance Agent (user persona), I want to be able to access the user's list quickly and efficiently, so that I can manage my clients without any delays.

The technical implementation will be based on @tanstack/react-virtual package.

As an insurance agent I would like to edit existing companies, so that I can keep up to date info.

As an Insurance Agent (user persona), I want to be able to log in to the web app using my username and password so that I can access my account and manage my clients. (Feature: Login)

Feature: Login
User Persona: Insurance Agent

The Component DeleteUserModal should close after deleting the user, not at the same time. You should wait for the async function to finish to then proceed to close the modal.

As an Insurance Agent, I want to have the option to reset my password in case I forget it, so that I can regain access to my account.

Feature: Password Reset
User persona: Insurance Agent

The users are being shown now in a table. This table contains a button to delete users that will open a modal with a form to do just that.

User Story: As an Insurance Agent (user persona), I want to be able to access protected routes in the web app only after successful authentication, so that my personal and client information remains secure.

Feature: Protected Routes with Authentication
User Persona: Insurance Agent

As an Insurance Agent, I want to have access to a basic UI admin panel that allows me to manage my account, including the ability to logout, so that I can easily navigate the web app and ensure the security of my account.

Tasks

• Develop a basic UI admin panel for Insurance Agents that provides a clean and intuitive interface for managing their accounts.

• Include the Logout feature in the UI admin panel, so that Insurance Agents can log out of the web app easily and securely.

• Test the Basic UI Admin Panel with Logout to ensure that it is functioning as expected and providing a seamless user experience for Insurance Agents.

The firestore collection is named actually ChatRooms, however that collection should be named Users.

Description

In JavaScript, variables can be assigned during declaration, or at any point afterwards using an assignment statement. For example, in the following code, foo is initialized during declaration, while bar is initialized later.

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0119/occurrences/

As an Insurance Agent, I want to be able to safely access and manage my user's database, so that I can easily retrieve and analyze important user information.]

Tasks:

• Research the capabilities of Firebase integration with Clerk authentication, and the requirements of the web app for accessing and managing user data.
• Plan the integration of Firebase with Clerk authentication, taking into consideration the needs of the Insurance Agents and the requirements of the web app.
• Implement the integration of Firebase with Clerk authentication, allowing Insurance Agents to securely access and manage their user's database.
• Test the integration of Firebase with Clerk authentication to ensure that it is functioning as expected and providing a secure user experience for Insurance Agents.
• Provide clear and concise documentation to Insurance Agents on how to access and manage their user's database, using Firebase and Clerk authentication.
• Update any necessary processes related to the implementation of Firebase with Clerk authentication, ensuring that they are compatible with the requirements of the web app and the needs of the Insurance Agents.

Description

A function that does not contain any await expressions should not be async (except for some edge cases in TypeScript which are discussed below). Asynchronous functions in JavaScript behave differently than other functions in two important ways:

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0116/occurrences/

Tasks:

• Research the requirements of a chat dashboard with 3 panels, including user needs and best practices for UI design.
• Plan the UI design of the chat dashboard, taking into consideration the needs of Insurance Agents and the requirements of the web app.
• Implement the UI design of the chat dashboard, ensuring that it is visually appealing and easy to use for Insurance Agents.
• Test the chat dashboard to ensure that it is functioning as expected and providing a smooth user experience.
• Provide clear and concise documentation to Insurance Agents on how to use the chat dashboard, including the 3 panels and any additional features.
• Update any necessary processes related to the implementation of the chat dashboard, ensuring that they are compatible with the requirements of the web app and the needs of the Insurance Agents.

Description

ECMAScript 6 provides a concise form for defining object literal methods and properties. This syntax can make defining complex object literals much cleaner.

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0240/occurrences/

As a software developer (user persona), I want to swap Auth0 for Clerk Auth as the Authentication Provider, so that Insurance Agents can log in securely and access their accounts with ease, and the web app can take advantage of the pre-built components and custom domains offered by Clerk Auth.

Sprint Task:

- Research the capabilities and benefits of using Clerk Auth as the Authentication Provider, compared to Auth0.
- Plan the swap of Auth0 for Clerk Auth, taking into consideration the needs of the Insurance Agents and the requirements of the web app.
- Implement the integration of Clerk Auth into the web app, taking advantage of its pre-built components for managing organizations, users, and roles.
- Test the authentication process with Clerk Auth to ensure that it is functioning as expected and providing a secure and convenient login experience for Insurance Agents.
- Utilize the custom domains feature offered by Clerk Auth, if desired, to provide a more personalized experience for Insurance Agents.
- Update any necessary documentation and processes related to the change in the Authentication Provider from Auth0 to Clerk Auth.

Install and configure Tailwind-CSS to be used with the application.

As an Insurance Agent (user persona), I want to be able to delete existing users from the web app, so that I can manage their insurance policies and information.

Description

Ensure the autocomplete attribute is correct and suitable for the form field it is used with.

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0745/occurrences/

As a software developer, I would like to use SWR to improve the fetching experience

Description

Two variables can have the same name if they're declared in different scopes. In the example below, the parameter x is said to "shadow" the variable x declared above it. The outer x can no longer be accessed inside the sum function.

Occurrences

There are 4 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0123/occurrences/

Need to improve error handling.

As an Insurance Agent (user persona), I want to be able to create a new organization and manage its members from within the authentication flow, so that I can more easily manage my work with other agents and ensure the security of my account. (Feature: OrganizationProfile and CreateOrganization UI Components in Authentication Flow)

- Research the capabilities of Clerk's OrganizationProfile and CreateOrganization UI Components, and their integration with the authentication flow.
- Plan the integration of the OrganizationProfile and CreateOrganization UI Components into the authentication flow, taking into consideration the needs of the Insurance Agents and the requirements of the web app.
- Implement the integration of the OrganizationProfile and CreateOrganization UI Components into the authentication flow, allowing Insurance Agents to create a new organization and manage its members.
- Test the integration of the OrganizationProfile and CreateOrganization UI Components to ensure that they are functioning as expected and providing a seamless user experience for Insurance Agents.
- Provide clear and concise documentation to Insurance Agents on how to create a new organization and manage its members, using the OrganizationProfile and CreateOrganization UI Components within the authentication flow.
- Update any necessary processes related to the implementation of the OrganizationProfile and CreateOrganization UI Components, ensuring that they are compatible with the requirements of the web app and the needs of the Insurance Agents.

Description

Fragments are a syntax that allow you to build a react component with multiple nodes or subcomponents, without requiring a wrapper element. A fragment is considered to be redundant if: - it contains only one child, - it is the child of a html element, - it is not a …

Occurrences

There are 2 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0424/occurrences/

The select input named Gender was misspelled as Genre

As an insurance agent, I would like to see the insurance company details.

Description

Using a single import statement per module will make the code clearer because you can see everything being imported from that module on one line. In the following example the module import on line 1 is repeated on line 3. These can be combined to make the list of imports …

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0232/occurrences/

Description

ECMAScript 6 provides a concise form for defining object literal methods and properties. This syntax can make defining complex object literals much cleaner.

Occurrences

There are 4 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0240/occurrences/

Here are the insurance companies:

• Ambetter
• Oscar
• Florida Blue
• United Health Care
• Cigna
• Aetna
• Bluecross and Blueshield
• Avmed
• Amerihealth
• Molina
• Medicare

Companies should include a logo if possible.

As an insurance agent, I would like to see the details of the selected user, so that I can do modifications or check information about the current user.

Description

Using .bind() or passing local callback functions as props to react component incurs a performance overhead. Consider using React.useCallback, or if possible, moving the callback definition outside the component. EXCEPTIONS: This rule may not apply if your react component is only rendered once, or if your application is not performance …

Occurrences

There are 4 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0417/occurrences/

As an insurance agent I would like to have a form to create new users that I can understand, and it's easy to use.

Description

Variables that are never re-assigned a new value after their initial declaration should be declared with the const keyword. This prevents the programmer from erroneously re-assigning to a read-only variable, and informs those reading the code that a variable is a constant value.

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0242/occurrences/

When a CRUD operation is performed at the Users table and a notification is triggered, please refactor those to use a reusable successNotification or failureNotification component instead of manually calling the fetcherPost function:

fetcherPost(
            `/api/notifications/notification`,
            `El usuario ${updatedUser?.fullname} ha sido actualizado correctamente.`,
            novuSubscriberId,
            `success-notification`
          )
            .then((data) => {
              reset();
              return data;
            })
            .catch((err) => {
              return err;
            });

This refactoring has already been implemented in the Insurance Company CRUD operations.

Tasks:

• Research the requirements of a chat dashboard with 3 panels, including user needs and best practices for UI design.
• Plan the UI design of the chat dashboard, taking into consideration the needs of Insurance Agents and the requirements of the web app.
• Implement the UI design of the chat dashboard, ensuring that it is visually appealing and easy to use for Insurance Agents.
• Test the chat dashboard to ensure it functions as expected and provides a smooth user experience.
• Provide clear and concise documentation to Insurance Agents on how to use the chat dashboard, including the 3 panels and any additional features.
• Update any necessary processes related to the implementation of the chat dashboard, ensuring that they are compatible with the web app’s requirements and the insurance agents’ needs.

Description

This issue prevents the use of vague prop types with more specific alternatives available (any, array, object). The defaults are chosen because they have obvious replacements. any should be replaced with, well, anything. array and object can be replaced with arrayOf and shape, respectively.

Occurrences

There are 2 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0398/occurrences/

As an insurance agent i would like to be able to create new companies, so that I can add new companies that I'm contracted with.

The Users table now has a button to edit the selected user.

Description

React components use JSX, not HTML. So we need to use JSX attributes and React replicate the respective HTML property/attribute while rendering. Use of HTML property in JSX can sometimes lead to errors. For example, class is a keyword in JavaScript (JSX is an extension of JavaScript), so it will …

Occurrences

There is 1 occurrence of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/waldothedeveloper/weginsurance_nextjs/issue/JS-0455/occurrences/

As an Insurance Agent (user persona), I want to be able to update existing users in the web app, so that I can manage their insurance policies and information.