Single Incident View Improvements

[jbrooksuk]

Couple of improvements to the incident view page.

• [x] When viewing a single incident at /incidents/{incident} the page doesn't need the "About" section.
• [ ] If an incident is linked to any components, we should display them here.

[RahatAhmed171]

Hi, how do i get startee contributing to this issue. Wanna give it a try

[jbrooksuk]

@RahatAhmed171 clone down the cachethq/core repository. Run composer install and npm install. Now run npm run dev and in a new terminal run composer start. That should do it!

[RahatAhmed171]

Dashboard doesnt show up. It returns 404 not found

[jbrooksuk]

https://x.com/jbrooksuk/status/1845087763835633898?s=46

Hope this helps!

[RahatAhmed171]

The dashboard link at the top doesn’t work at all. I inspected the href, the url looks like this:

<a href="/\dashboard" class="text-sm font-medium text-zinc-800 transition hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300 sm:text-base">Dashboard</a>

[jbrooksuk]

How are you running Cachet? What's CACHET_PATH set to? I can't recreate this locally or at v3.cachethq.io

[RahatAhmed171]

so there is a dashboard function in src/cachet.php. I made some changes and and its working now (weird). Regarding the single incident page, correct me if i am wrong, you want to display the component that is attached to a incident? How do you want to display it? below the incident updates?

[jbrooksuk]

I'm glad you're sorted!

Well, we currently show an unstyled list of components when an incident is attached to one or more. I think we should firstly improve that UI (in the timeline) and then figure out a way that can be improved in this view.

[RahatAhmed171]

That makes sense. Do you have any specific ideas on what changes would make the component list look more user-friendly?

[jbrooksuk]

The design by Jump24 actually had it quite similar to what we have:

[RahatAhmed171]

This is only one component above the incident title in your design. How you're gonna display If there's more than one component it shows as comma-separated list?

[jbrooksuk]

Yeah, I think so.

Also, we could take this a step further... what if instead of making them a string, they were a block of individual Blade components that had the status icon and a tooltip or something for interactivity?