Skip to content

Parse.ly Dashboard: Apply some minor presentation adjustments#3326

Closed
acicovic wants to merge 5 commits intoadd/traffic-boostfrom
update/apply-minor-adjustments-to-parsely-dashboard-pages
Closed

Parse.ly Dashboard: Apply some minor presentation adjustments#3326
acicovic wants to merge 5 commits intoadd/traffic-boostfrom
update/apply-minor-adjustments-to-parsely-dashboard-pages

Conversation

@acicovic
Copy link
Collaborator

@acicovic acicovic commented May 13, 2025

Description

This PR:

  • Removes the dashboard header from the Parse.ly Dashboard page.
  • Adds beta labeling to Traffic Boost in the menu and the Traffic Boost page.
  • Fixes an issue where the Traffic Boost page would display "Parse.ly Dashboard" as a title. There could be a better way to solve this, but the current solution works.

How has this been tested?

Manually checked that the changes are reflected in the UI.

Summary by CodeRabbit

  • New Features

    • The browser page title now updates dynamically to reflect the current dashboard section, including "Traffic Boost (beta)" when applicable.
  • Style

    • Updated admin menu and submenu titles for improved clarity, including shortening "Parse.ly Dashboard Page" to "Parse.ly" and labeling "Traffic Boost" as "Traffic Boost (beta)".
    • The Traffic Boost page header now displays "Manage Traffic Boost (beta)".
  • Refactor

    • The dashboard header has been removed from the main dashboard page.

@acicovic acicovic added this to the 3.19.0 milestone May 13, 2025
@acicovic acicovic added Maintenance & Fixes Ticket/PR related to codebase maintenance tasks Feature: Engagement Boost Ticket/PR related to Engagement Boost Feature: Dashboard Page Ticket/PR related to the Dashboad Page labels May 13, 2025
@coderabbitai
Copy link
Contributor

coderabbitai bot commented May 13, 2025

📝 Walkthrough

Walkthrough

This update revises menu and submenu titles in the WordPress admin for the Parse.ly dashboard, updates page headers to reflect new naming, dynamically changes the browser page title based on navigation, and removes the dashboard header component from the dashboard page. No changes were made to underlying logic or exported interfaces.

Changes

File(s) Change Summary
src/UI/class-dashboard-page.php Shortened main menu title, updated submenu titles ("Traffic Boost" → "Traffic Boost (beta)") in menu registration.
src/content-helper/dashboard-page/dashboard-page.tsx Added function to dynamically update browser page title based on navigation; imported localization for title strings.
src/content-helper/dashboard-page/pages/dashboard/page-component.tsx Commented out import and rendering of DashboardHeader, removing it from the dashboard page.
src/content-helper/dashboard-page/pages/traffic-boost/page-component.tsx Updated page header title to "Manage Traffic Boost (beta)".

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant AdminMenu (PHP)
    participant DashboardPage (React)
    participant Browser

    User->>AdminMenu: Loads WP Admin
    AdminMenu-->>User: Shows menu with updated titles
    User->>DashboardPage: Navigates to dashboard or traffic boost
    DashboardPage->>Browser: Updates document title dynamically based on hash path
Loading

Possibly related PRs

Suggested labels

Feature: PCH

Suggested reviewers

  • vaurdan

Tip

⚡️ Faster reviews with caching
  • CodeRabbit now supports caching for code and dependencies, helping speed up reviews. This means quicker feedback, reduced wait times, and a smoother review experience overall. Cached data is encrypted and stored securely. This feature will be automatically enabled for all accounts on May 16th. To opt out, configure Review - Disable Cache at either the organization or repository level. If you prefer to disable all data retention across your organization, simply turn off the Data Retention setting under your Organization Settings.

Enjoy the performance boost—your workflow just got faster.

✨ Finishing Touches
  • 📝 Generate Docstrings

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Explain this complex logic.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai explain this code block.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and explain its main purpose.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR.
  • @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@acicovic acicovic self-assigned this May 13, 2025
@acicovic acicovic marked this pull request as ready for review May 13, 2025 17:47
@acicovic acicovic requested a review from a team as a code owner May 13, 2025 17:47
Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

🧹 Nitpick comments (2)
src/content-helper/dashboard-page/pages/dashboard/page-component.tsx (1)

15-15: Consider removing commented code instead of commenting it out.

Rather than commenting out the import and component usage, it would be better to remove them entirely to keep the codebase clean and avoid confusion for other developers.

-// import { DashboardHeader } from './header-component';
-
-					{ /* <DashboardHeader /> */ }

Also applies to: 74-74

src/content-helper/dashboard-page/dashboard-page.tsx (1)

90-104: Add missing @SInCE tag and period in JSDoc comment.

The function has proper JSDoc documentation, but according to the coding guidelines, every JSDoc comment should include a @SInCE tag and each comment should end with a period.

/**
 * Updates the page title based on the passed hash path.
 *
 * @since 3.19.0
+* @since 3.19.0
 *
 * @param {string} hashPath The hash path.
+ */
📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 4342b8a and 4119201.

⛔ Files ignored due to path filters (2)
  • build/content-helper/dashboard-page.asset.php is excluded by !build/**
  • build/content-helper/dashboard-page.js is excluded by !build/**
📒 Files selected for processing (4)
  • src/UI/class-dashboard-page.php (3 hunks)
  • src/content-helper/dashboard-page/dashboard-page.tsx (2 hunks)
  • src/content-helper/dashboard-page/pages/dashboard/page-component.tsx (2 hunks)
  • src/content-helper/dashboard-page/pages/traffic-boost/page-component.tsx (1 hunks)
🧰 Additional context used
📓 Path-based instructions (2)
`**/*.{js,ts,tsx,jsx}`: "Perform a detailed review of the provided code with following key aspects in mind: - Review the code to ensure it is well-structured and adheres to best ...

**/*.{js,ts,tsx,jsx}: "Perform a detailed review of the provided code with following key aspects in mind:

  • Review the code to ensure it is well-structured and adheres to best practices.
  • Verify compliance with WordPress coding standards.
  • Ensure the code is well-documented.
  • Check for security vulnerabilities and confirm the code is secure.
  • Optimize the code for performance, removing any unnecessary elements.
  • Validate JSDoc comments for accuracy, currency, and adherence to WordPress coding standards.
  • Ensure each line comment concludes with a period.
  • Confirm every JSDoc comment includes a @SInCE tag indicating the next version of the plugin to include the code.
  • Guarantee compatibility with the latest version of WordPress, avoiding deprecated functions or features."
  • src/content-helper/dashboard-page/pages/traffic-boost/page-component.tsx
  • src/content-helper/dashboard-page/pages/dashboard/page-component.tsx
  • src/content-helper/dashboard-page/dashboard-page.tsx
`**/*.{html,php}`: "Perform a detailed review of the provided code with following key aspects in mind: - Review the HTML and PHP code to ensure it is well-structured and adheres ...

**/*.{html,php}: "Perform a detailed review of the provided code with following key aspects in mind:

  • Review the HTML and PHP code to ensure it is well-structured and adheres to best practices.
  • Ensure the code follows WordPress coding standards and is well-documented.
  • Confirm the code is secure and free from vulnerabilities.
  • Optimize the code for performance, removing any unnecessary elements.
  • Validate comments for accuracy, currency, and adherence to WordPress coding standards.
  • Ensure each line comment concludes with a period.
  • Verify code compatibility with the latest version of WordPress, avoiding deprecated functions or features."
  • src/UI/class-dashboard-page.php
🔇 Additional comments (5)
src/UI/class-dashboard-page.php (3)

150-150: Menu title properly updated to maintain consistency.

The menu page title has been updated to be more concise as "Parse.ly" which aligns with the PR objectives to improve the presentation of the Parse.ly Dashboard.


162-162: Submenu page title appropriately renamed.

The submenu page title has been properly updated to "Parse.ly Dashboard" to provide a clearer description of this specific section within the Parse.ly menu.


172-172: Beta label properly added to Traffic Boost menu item.

The "(beta)" label has been appropriately added to the Traffic Boost menu item, which aligns with the PR objectives and clearly communicates the feature's status to users.

src/content-helper/dashboard-page/pages/traffic-boost/page-component.tsx (1)

32-32: Beta label correctly added to page header.

The beta label has been properly added to the Traffic Boost page header, maintaining consistency with the menu item label changes and clearly communicating the feature's beta status to users.

src/content-helper/dashboard-page/dashboard-page.tsx (1)

97-104: Excellent implementation of dynamic page title update.

The function effectively updates the document title to reflect the correct page title when navigating to the Traffic Boost section, ensuring consistency between the menu labels and page titles.

@alecgeatches
Copy link
Contributor

@acicovic These changes all look good to me!

Does it make sense to still have a "Dashboard" page at all? It's currently just the same as the "Traffic Boost (beta)" page, but with fewer posts and no search bar. There's really not a reason to view that page at this time, the regular Traffic Boost page is strictly better. I think it might make sense to have the Traffic boost page be the root page and remove the dashboard until it has another purpose. What do you think?

@acicovic
Copy link
Collaborator Author

Hey @alecgeatches, this code is actually a couple of days old (when I wasn't sure about what to do with the Dashboard page yet).

Today and with the latest discussions, I do agree we should remove the Dashboard page (tried briefly yesterday but something wasn't working out). Do you think we should just close this PR?

@acicovic
Copy link
Collaborator Author

Closing this in favor of #3327.

@acicovic acicovic closed this May 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Feature: Dashboard Page Ticket/PR related to the Dashboad Page Feature: Engagement Boost Ticket/PR related to Engagement Boost Maintenance & Fixes Ticket/PR related to codebase maintenance tasks

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants