Category: ROCKEN Documentation

  • Story 1.2.2.5. CRM. Vacancy view mode. Tab Detail. Sub tab Activity

    Content

    General info

    The Activity Sub Tab within the Detail Tab of Vacancy View Mode displays a chronological list of all actions and updates related to the vacancy. This includes activities such as creating a new vacancy, creating company staff, status changes, creating publications, updates to any part of the vacancy, and added notes. Activities should be grouped by date, with the date clearly displayed at the top of each group.

    User story

    As a CRM user,
    I want to view the history of activities related to a vacancy in the Activity Sub Tab
    So that I can track changes and updates made to the vacancy over time.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=18429-75319&t=PfSQbaCHKV6iYQsz-4

    Acceptance criteria

    01

    Scenario: Display Activity List
    Given the user is in the Vacancy View Mode, Tab Detail, Sub Tab Activity
    When the tab loads
    Then the system should display a list of activities related to the vacancy, including actions like creating a new vacancy, creating company staff, status changes, creating publications, updates to the vacancy, and added notes.

    02

    Scenario: Group Activities by Date
    Given the user is viewing the Activity Sub Tab
    When the activities are displayed
    Then the system should group activities by date, with each group clearly labeled with the corresponding date at the top.

    03

    Scenario: Display Activity Date and Time
    Given the user is viewing individual activities in the list
    When the activities are displayed
    Then each activity should include a timestamp indicating the exact date and time the activity occurred.

    04

    Scenario: Activity Types
    Given the user is viewing the Activity Sub Tab
    When the activities are displayed
    Then the system should display different activity types such as ‘Create new vacancy,’ ‘Create company staff,’ ‘Status change,’ ‘Create publication,’ ‘Update vacancy,’ and ‘Add note.’

    05

    Scenario: Display the Latest Activities at the Bottom
    Given the user is viewing the Activity Sub Tab
    When the activities are displayed
    Then the latest activities should appear at the bottom of the list, with older activities shown at the top.

    06

    Scenario: Scroll to latest activities on tab open
    Given the user opens the "Tab Detail" in the "Vacancy view mode" page
    When the user selects the "Sub tab Activity"
    Then the system should automatically scroll down to show the latest activities from the beginning of the list.

  • Story 1.2.2.4. CRM. Vacancy view mode. Tab Detail

    Content

    General info

    The Detail Tab in Vacancy View Mode provides comprehensive information about a vacancy, including primary details, business info, employment conditions, categories, description, skills, and benefits. Each section should display relevant data with the ability to open the edit mode by clicking the "Edit" button near the title of each section.

    User story

    As a CRM user,
    I want to view and edit detailed information about a vacancy in the Detail Tab
    So that I can manage and update vacancy information efficiently.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=18089-73579&t=PfSQbaCHKV6iYQsz-4

    Acceptance criteria

    01

    Scenario: Display Primary Section
    Given the user is in the Vacancy View Mode, Tab Detail
    When the tab loads
    Then the Primary section should display the fields: Order, Company, Contact person, Vacancy name, Direct link, Application by, Job model, Remuneration, Guarantee.

    image-20240903-053323.png

    02

    Scenario: Display Business Info Section
    Given the user is in the Vacancy View Mode, Tab Detail
    When the tab loads
    Then the Business Info section should display the fields: Salary Range, Industries, Team Size, Start date, Locations, Employments.

    03

    Scenario: Display Employment Conditions Section
    Given the user is in the Vacancy View Mode, Tab Detail
    When the tab loads
    Then the Employment Conditions section should display the fields: Experience Level, Travel, Remote work, Position, Leading experience, Degrees, Languages, Workload, Age.

    04

    Scenario: Display Categories Section
    Given the user is in the Vacancy View Mode, Tab Detail
    When the tab loads
    Then the Categories section should display relevant categories associated with the vacancy.

    05

    Scenario: Display Description Section
    Given the user is in the Vacancy View Mode, Tab Detail
    When the tab loads
    Then the Description section should display the fields: description, introduction, responsibilities.

    06

    Scenario: Display Skills Section
    Given the user is in the Vacancy View Mode, Tab Detail
    When the tab loads
    Then the Skills section should display the relevant skills required for the vacancy.

    07

    Scenario: Display Benefits Section
    Given the user is in the Vacancy View Mode, Tab Detail
    When the tab loads
    Then the Benefits section should display any benefits associated with the vacancy.

    08

    Scenario: Open Edit Mode
    Given the user is viewing any section in the Tab Detail
    When the user clicks the "Edit" button near the section title
    Then the system should open the edit mode for that specific section, allowing the user to update the information.

  • Story 1.2.2.3. CRM. Vacancy view mode. Change status

    Content

    General info

    In the vacancy view mode, users should have the ability to manually change the status of a vacancy. The status options include new, active, on hold, inactive, and rocked. When changing the status, a modal will open, allowing the user to add a note explaining the reason for the status change.

    User story

    As a CRM user,
    I want to change the status of a vacancy manually
    So that I can keep track of the vacancy’s current state and provide context for the change.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=18089-70664&t=yGvUK88ZTkVXXo2x-4

    Acceptance criteria

    01

    Scenario: Display Status Change Button
    Given the user is in the vacancy view mode
    When the page loads
    Then the "Change Status" button image-20240902-174524.png should be visible next to the current status of the vacancy.

    02

    Scenario: Open Status Change Modal
    Given the user clicks the "Change Status" button
    When the button is clicked
    Then a modal should open with a buttons to select the new status and a text area to add a note.

    image-20240902-174614.png

    03

    Scenario: Change Status Options
    Given the user has opened the status change modal
    When the modal with status buttons is viewed
    Then the user should see the following status options: New, Active, On Hold, Inactive, Rocked.

    04

    Scenario: Add Note for Status Change
    Given the user is in the status change modal
    When the user selects a new status
    Then the user should be able to add a note explaining the reason for the status change.

    05

    Scenario: Save Status Change
    Given the user has selected a new status and added a note
    When the user clicks the "Add Note" button
    Then the system should save the new status and display it in the vacancy view.

    06

    Scenario: Detect Active Processes
    Given I am viewing a vacancy with ongoing processes,
    When any of the active processes are in the statuses: "Company Invitation", "Enquiry: Company", "Interview 1", "Interview 2", "Interview 3", "Offered", or "Trial Day",
    Then I should not be allowed to change the status of the vacancy from "Active" to any other status.

    07

    Scenario: Block Status Change
    Given I attempt to change the status of the vacancy from "Active",
    When the vacancy has active processes in the restricted statuses,
    Then the status change should be blocked, and the system should prevent the action.

    08

    Scenario: Display Blocking Message
    Given I am attempting to change the status of the vacancy,
    When the system blocks the status change,
    Then I should see a message saying: “Status can’t be changed during the ongoing process.”
    DE: „Der Status kann während des laufenden Prozesses nicht geändert werden.“

  • Story 1.2.2.2. CRM. Vacancy view mode. Action buttons

    Content

    General info

    In the vacancy view mode, users should have access to a set of action buttons that allow them to manage and interact with the vacancy efficiently. The buttons include the ability to create a process, view the BI board, preview the vacancy in Rocken Talent, edit the vacancy, copy its details, and delete it if necessary.

    User story

    As a CRM user,
    I want to have access to various action buttons in the vacancy view mode
    So that I can efficiently manage and interact with each vacancy.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=18089-70664&t=yGvUK88ZTkVXXo2x-4

    Acceptance criteria

    01

    Scenario: Display Action Buttons
    Given the user is in the vacancy view mode
    When the page loads
    Then the following action buttons should be visible: Create Process, BI Board, Vacancy Preview in Rocken Talent, Edit Vacancy, Copy, and Delete.

    image-20240902-173919.png

    02

    Scenario: Create Process Button
    Given the user is in the vacancy view mode
    When the user clicks the "Create Process" button image-20240902-174005.png
    Then a new process should be initiated for the vacancy.

    03

    Scenario: BI Board Button
    Given the user is in the vacancy view mode
    When the user clicks the "BI Board" button image-20240902-174100.png
    Then the system should display the BI board related to the vacancy.

    04

    Scenario: Vacancy Preview in Rocken Talent Button
    Given the user is in the vacancy view mode
    When the user clicks the "Vacancy Preview in Rocken Talent" button image-20240902-174047.png
    Then the system should open a preview of the vacancy in the Rocken Talent interface.

    05

    Scenario: Edit Vacancy Button
    Given the user is in the vacancy view mode
    When the user clicks the "Edit Vacancy" button image-20240902-174037.png
    Then the system should allow the user to edit the details of the vacancy.

    06

    Scenario: Copy Vacancy Details Button
    Given the user is in the vacancy view mode
    When the user clicks the "Copy" button image-20240902-174117.png
    Then the system should copy the vacancy details for further use.

    07

    Scenario: Delete Vacancy Button
    Given the user is in the vacancy view mode
    When the user clicks the "Delete" button image-20240902-174126.png
    Then the system should prompt the user to confirm the deletion and remove the vacancy if confirmed.

  • Story 1.2.2.1. CRM. Vacancy view mode. Header

    Content

    General info

    The header in the Vacancy View Mode provides a comprehensive overview of the vacancy’s essential details and status. It includes the vacancy name, status with an option to change it, reservation and note icons, and key dates. The header also displays three sections containing consultant and company information, client team and service details, and progress tracking with timelines.

    User story

    As a CRM user
    I want to view and interact with key details of a vacancy in the header
    So that I can easily access, update, and manage essential information related to the vacancy

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=18049-69242&t=yGvUK88ZTkVXXo2x-4

    Acceptance criteria

    01

    Scenario: Display Vacancy Name
    Given the CRM user is viewing the vacancy header
    When the header is loaded
    Then the name of the vacancy should be clearly displayed.

    image-20240902-172442.png

    02

    Scenario: Display and Change Vacancy Status
    Given the CRM user is viewing the vacancy header
    When the status is displayed
    Then the user should be able to manually change the status

    03

    Scenario: Display Reservation and Note Icons
    Given the CRM user is viewing the vacancy header
    When the header is loaded
    Then the reservation icon (locked/unlocked) and note icon should be displayed

    image-20240902-172731.png

    04

    Scenario: Display Start Date and End Date
    Given the CRM user is viewing the vacancy header
    When the header is loaded
    Then the start date and end date of the vacancy should be displayed.

    image-20240902-172823.png

    05

    Scenario: Display Section 1 Information
    Given the CRM user is viewing the vacancy header
    When the header is loaded
    Then section 1 should display the consultant, management consultant, company (with country flag), order, job model (default, PaaS, executive), and Application by.

    image-20241125-074312.png

    06

    Scenario: Display Section 2 Information
    Given the CRM user is viewing the vacancy header
    When the header is loaded
    Then section 2 should display the client team, contact person, direct link with options to copy or open in a new window, and service with the ability to view credentials.

    image-20240902-173056.png

    07

    Scenario: Display Section 3 Information
    Given the CRM user is viewing the vacancy header
    When the header is loaded
    Then section 3 should display the current step, deadline, progress, and the next task in line, along with a "See All Timeline" link that opens a modal with upcoming steps.

    image-20240902-173129.png

    image-20240902-173141.png

  • Story 1.1.2.14. CRM. Company view mode. Tab Orders

    Content

    General info

    The "Orders" tab in the company view mode displays a list of orders related to a specific company. This view allows users to see details such as the order status, date, account manager, business manager, consultant, and recruiter involved, as well as direct links related to the orders. The aim is to provide a clear overview of the company’s current and past orders, facilitating efficient management and communication between team members.

    User story

    As a CRM user,
    I want to view the orders related to a company in the "Orders" tab,
    So that I can easily track and manage all orders, including their status and the team members involved.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=48699-107238&t=xRJSbu9cxWxeYbuC-4

    #

    Acceptance Criteria

    01

    Scenario: Viewing Orders in Company Tab
    Given I am in the "Company View" mode
    When I navigate to the "Orders" tab
    Then I should see a list of all orders related to the company with details such as date, status, name, direct links, account manager, business manager, consultant, and recruiter.

    image-20240820-170305.png

    02

    Scenario: Filter and Sort Orders
    Given I am viewing the list of orders
    When I want to filter or sort the list by fields such as date, status, or involved personnel
    Then I should be able to apply filters and sorting options for better data management.

    03

    Scenario: Direct Link to Order
    Given I see an order with a direct link
    When I click the direct link
    Then it should open the related page or external platform for that order in a new tab.

    04

    Scenario: Add New Order
    Given I am viewing the "Orders" tab
    When I click the "Add New" button
    Then I should be able to create a new order and assign team members such as account managers, business managers, consultants, and recruiters
    AND redirect to company single page after creation

    05

    Scenario: Editable Orders
    Given I am viewing the list of orders
    When I have the necessary permissions
    Then I should be able to edit existing order details, such as the status, assigned personnel, and direct links.

    06

    Scenario: Responsive Design
    Given I am using a device with a different screen size
    When I view the "Orders" tab
    Then the table should adjust and remain readable across all screen sizes.

  • Story 1.1.2.13. CRM. Company view mode. Tab Publications

    Content

    General info

    The "Publications" tab within the company view mode is designed to display a list of all publications related to the selected company. The publications are shown in a table format with columns displaying Date (showing both date and time), Status, Name, Vacancy, Category, and Consultant. Users can interact with each publication by editing or deleting it. Additionally, users have the ability to add new publications directly from this tab.

    User story

    As a [CRM user],
    I want to view and manage company-related publications in the "Publications" tab,
    So that I can efficiently track, edit, delete, or add publications.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=20969-113646&t=xRJSbu9cxWxeYbuC-4

    #

    Acceptance Criteria

    01

    Scenario: Viewing Publications in the Publications Tab
    GIVEN I am in the "Publications" tab,
    WHEN I view the list of publications,
    THEN I should see them displayed in a table with columns for Date (showing date and time), Status, Name, Vacancy, Category, and Consultant.

    image-20240820-164424.png

    02

    Scenario: Editing a Publication
    GIVEN I am in the "Publications" tab,
    WHEN I click the "Edit" button next to a publication,
    THEN I should be able to modify the details of that publication,
    AND the changes should be saved and reflected immediately.

    03

    Scenario: Deleting a Publication
    GIVEN I am in the "Publications" tab,
    WHEN I click the "Delete" button next to a publication,
    THEN I should receive a confirmation prompt,
    AND upon confirming, the publication should be removed from the list.

    04

    Scenario: Adding a New Publication
    GIVEN I am in the "Publications" tab,
    WHEN I click the "Add Publication" button,
    THEN a form should appear allowing me to enter details for a new publication,
    AND after submission, the new publication should be added to the list and visible in the appropriate columns.

    05

    Scenario: Pagination in the Publications Tab
    GIVEN I am viewing the "Publications" tab,
    WHEN the number of publications exceeds the page limit,
    THEN pagination controls should appear,
    AND I should be able to navigate through pages to view all publications.

  • Story 1.1.2.12. CRM. Company view mode. Tab Vacancies

    Content

    General info

    The "Vacancies" tab within the company view mode is designed to display a list of all vacancies related to the selected company. Each vacancy is presented in a table format with columns showing the following details: Name, Status, Process Type, Company, Category, Process, Publication, and Consultant. Users can interact with each vacancy by starting a process through the "Rocken" icon or by editing the vacancy details. Additionally, users have the ability to filter the list of vacancies or add new vacancies directly from this tab.

    User story

    As a [CRM user],
    I want to view and manage vacancies related to a specific company in the "Vacancies" tab,
    So that I can efficiently track, edit, filter, or initiate processes for vacancies.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=20792-100984&t=xRJSbu9cxWxeYbuC-4

    #

    Acceptance Criteria

    01

    Scenario: Viewing Vacancies in the Vacancies Tab
    GIVEN I am in the "Vacancies" tab,
    WHEN I view the list of vacancies,
    THEN I should see them displayed in a table with columns for Name, Status, Process Type, Company, Category, Process, Publication, and Consultant.

    image-20240820-163656.png

    02

    Scenario: Starting a Process with a Vacancy
    GIVEN I am in the "Vacancies" tab,
    WHEN I click the "Rocket" icon next to a vacancy,
    THEN the process associated with that vacancy should start immediately.

    03

    Scenario: Editing a Vacancy
    GIVEN I am in the "Vacancies" tab,
    WHEN I click the "Edit" button next to a vacancy,
    THEN I should be able to modify the details of that vacancy,
    AND the changes should be saved and reflected immediately.

    04

    Scenario: Filtering Vacancies
    GIVEN I am in the "Vacancies" tab,
    WHEN I use the filter options,
    THEN the list of vacancies should be filtered according to the selected criteria,
    AND only vacancies matching the criteria should be displayed.

    05

    Scenario: Adding a New Vacancy
    GIVEN I am in the "Vacancies" tab,
    WHEN I click the "+" button,
    THEN a form should appear allowing me to enter details for a new vacancy
    OOS with prefilter by company
    AND after submission, the new vacancy should be added to the list and visible in the appropriate columns with redirect from creation mode of vacancy to company single page.

    06

    Scenario: Pagination in the Vacancy Tab
    GIVEN I am viewing the "Vacancy" tab,
    WHEN the number of vacancies exceeds the page limit,
    THEN pagination controls should appear,
    AND I should be able to navigate through pages to view all vacancies.

  • Story 1.1.2.11. CRM. Company view mode. Tab Staff

    Content

    General info

    The "Staff" tab within the company view mode is designed to display and manage the staff members of a company. Users can add new members by clicking the "Add Contact" button. The staff is organized into different sections based on their teams, such as Default Team, Analytics Team, Marketing Department, HR, and Development. Each row displays the following details for each staff member: name (with relevant labels like "Primary," "Mandate," "Head of Team"), position, phone number, and email. If any information is missing, the cell should display a "-" symbol. Additionally, icons should be displayed next to the position, phone number, and email, as per the design specifications. Each staff member’s details can be edited or deleted as needed.

    User story

    As a [CRM user],
    I want to view and manage company staff in a well-organized manner within the "Staff" tab,
    So that I can easily access, edit, or delete staff information and add new members when necessary.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=20792-100886&t=QwNzTGziGsrHF95J-4

    #

    Acceptance Criteria

    01

    Scenario: Viewing Staff Members in the Staff Tab
    GIVEN I am in the "Staff" tab,
    WHEN I view the list of staff members,
    THEN I should see staff separated by their respective teams (Default Team, Analytics Team, Marketing Department, HR, Development),
    AND each row should display the name, position, phone number, and email of the staff member,
    AND if any information is missing, a "-" should be shown in the corresponding cell.

    image-20240820-122523.png

    02

    Scenario: Adding a New Staff Member
    GIVEN I am in the "Staff" tab,
    WHEN I click the "Add Contact" button,
    THEN a form should appear allowing me to enter details for a new staff member,
    AND after submission, the new member should be added to the appropriate team section.

    image-20240820-122615.png

    image-20240820-122654.png

    03

    Scenario: Editing a Staff Member’s Information
    GIVEN I am viewing the "Staff" tab,
    WHEN I click the "Edit" button next to a staff member’s details,
    THEN I should be able to modify their information,
    AND the changes should be saved and reflected immediately upon submission.

    04

    Scenario: Deleting a Staff Member
    GIVEN I am in the "Staff" tab,
    WHEN I click the "Delete" button next to a staff member’s details,
    THEN I should receive a confirmation prompt,
    AND upon confirming, the staff member should be removed from the list.

    05

    Scenario: Displaying Icons Next to Position, Phone Number, and Email
    GIVEN I am viewing the "Staff" tab,
    WHEN I look at the columns for position, phone number, and email,
    THEN I should see icons next to these fields as per the design specifications,
    AND these icons should enhance the visual distinction of the information.

    image-20240820-122513.png

  • Story 1.1.2.10. CRM. Company view mode. Tab Detail

    Content

    General info

    The "Detail" tab on the Company View Page provides a comprehensive overview of the company, including essential information such as company name, parent company, type, industry, contact details, benefits, and more. This tab also allows users to view and manage multimedia content such as a banner and gallery images, as well as textual sections detailing the company’s history, mission and values, and career opportunities.

    User story

    As a CRM user [all roles],
    I want to view and manage detailed information about the company on the Detail tab,
    So that I can have a full understanding of the company’s profile, its offerings, and its branding.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=20821-102580&t=jqLTPEt2YgiAkdMJ-4

    #

    Acceptance Criteria

    01

    Scenario: Viewing Primary Company Information
    GIVEN I am viewing the Detail tab on the Company View Page,
    WHEN I access this tab,
    THEN I should see the primary company information including company name, parent company, company type, industry, Rocken contact, job link, phone, email, site, company size, headquarter, and sub address(es).

    image-20240820-110000.png

    02

    Scenario: Displaying Company Benefits
    GIVEN I am viewing the Detail tab,
    WHEN I scroll down to the benefits section,
    THEN I should see a list of company benefits such as flexible working hours, sports activities, free fruits and drinks, etc.

    image-20240820-110010.png

    03

    Scenario: Viewing Publication Description and Company Overview
    GIVEN I am viewing the Detail tab,
    WHEN I navigate to the publication description section,
    THEN I should see a detailed overview of the company and publication.

    image-20240820-110032.png

    image-20240820-110119.png

    04

    Scenario: Uploading and Viewing Banner Image
    GIVEN I am viewing the Detail tab,
    WHEN I go to the banner section,
    THEN I should be able to upload an image as the company’s banner,
    AND the uploaded banner image should be displayed prominently.
    AND The image should be at least 1598×500 px in JPG or PNG format and must not exceed 2 MB.

    image-20240820-110140.png

    05

    Scenario: Banner Image Size Exceeds Limit
    GIVEN I am uploading a banner image,
    WHEN the file size exceeds the allowable limit,
    THEN I should see a message that says "The image size does not meet the requirements. The file size exceeds the allowable limit."

    image-20240820-110719.png

    06

    Scenario: Updating or Deleting Banner Image
    GIVEN I have uploaded a banner image,
    WHEN the image is successfully uploaded,
    THEN I should see options to either update the image or delete it from the banner section.

    image-20240820-110730.png

    07

    Scenario: Managing Gallery Images
    GIVEN I am viewing the Detail tab,
    WHEN I go to the gallery section,
    THEN I should be able to upload multiple images to the company’s gallery by button “Add photos“,
    AND these images should be displayed in a gallery format
    AND during uploading you should see preloader

    image-20240820-110150.png

    image-20240820-111619.png

    08

    Scenario: Gallery Image Upload Size Limit Exceeded
    GIVEN I am uploading images to the gallery,
    WHEN the file size exceeds 2 MB or the resolution is below 1000×600 px,
    THEN I should see a message that says "The image size does not meet the requirements. The file size exceeds the allowable limit."

    image-20240820-111337.png

    09

    Scenario: Maximum Gallery Image Count Exceeded
    GIVEN I am uploading images to the gallery,
    WHEN I try to upload more than 20 images,
    THEN I should see a message that says
    ”You have uploaded the maximum allowable number of images. To add new images, please delete some of the existing ones.”

    image-20240820-111506.png

    10

    Scenario: Editing or Deleting Gallery Images
    GIVEN I am viewing images in the gallery section,
    WHEN I hover over an image,
    THEN I should see options to edit or delete that image.

    image-20240820-111313.png

    11

    Scenario: Viewing and Managing Text Sections
    GIVEN I am viewing the Detail tab,
    WHEN I scroll through the tab,
    THEN I should see additional text sections including About, Mission and Values, History, and Career Opportunities,
    AND I should be able to view the content in these sections.

    image-20240820-110208.png