Move URL column between Priority and Start Time in HTTP requests table
- Reorder table headers: URL now appears after Priority, before Start Time - Update RequestRowSummary component to match new column order - Improved table layout with URL positioned earlier for better visibility - Maintains all existing functionality and styling New column order: Expand | Method | Status | Type | Priority | URL | Start Time | Queue Time | DNS | Connection | Server Latency | Duration | Total Response Time | Size | Content-Length | Protocol | CDN | Cache 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
b112fdf8ca
commit
69025c17ee
@ -53,6 +53,11 @@ const RequestRowSummary: React.FC<RequestRowSummaryProps> = ({
|
|||||||
<td className={`${styles.tableCell} ${styles.priorityCell}`} style={{ color: getPriorityColor(request.priority) }}>
|
<td className={`${styles.tableCell} ${styles.priorityCell}`} style={{ color: getPriorityColor(request.priority) }}>
|
||||||
{request.priority || '-'}
|
{request.priority || '-'}
|
||||||
</td>
|
</td>
|
||||||
|
<td className={`${styles.tableCell} ${styles.urlCell}`}>
|
||||||
|
<a href={request.url} target="_blank" rel="noopener noreferrer" className={styles.urlLink}>
|
||||||
|
{truncateUrl(request.url)}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
<td className={`${styles.tableCell} ${styles.timeCell}`}>
|
<td className={`${styles.tableCell} ${styles.timeCell}`}>
|
||||||
{formatDuration(request.timing.startOffset)}
|
{formatDuration(request.timing.startOffset)}
|
||||||
</td>
|
</td>
|
||||||
@ -95,11 +100,6 @@ const RequestRowSummary: React.FC<RequestRowSummaryProps> = ({
|
|||||||
<td className={styles.serverLatencyCell} style={{ ...getServerLatencyColor(request.timing.serverLatency) }}>
|
<td className={styles.serverLatencyCell} style={{ ...getServerLatencyColor(request.timing.serverLatency) }}>
|
||||||
{formatDuration(request.timing.serverLatency)}
|
{formatDuration(request.timing.serverLatency)}
|
||||||
</td>
|
</td>
|
||||||
<td className={`${styles.tableCell} ${styles.urlCell}`}>
|
|
||||||
<a href={request.url} target="_blank" rel="noopener noreferrer" className={styles.urlLink}>
|
|
||||||
{truncateUrl(request.url)}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td className={styles.durationCell} style={{ ...getDurationColor(request.timing.duration) }}>
|
<td className={styles.durationCell} style={{ ...getDurationColor(request.timing.duration) }}>
|
||||||
{formatDuration(request.timing.duration)}
|
{formatDuration(request.timing.duration)}
|
||||||
</td>
|
</td>
|
||||||
|
@ -66,6 +66,11 @@ const RequestsTable: React.FC<RequestsTableProps> = ({
|
|||||||
Priority
|
Priority
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</th>
|
</th>
|
||||||
|
<th className={`${styles.tableHeaderCell} ${styles.left}`}>
|
||||||
|
<Tooltip type={TooltipType.REQUEST_URL}>
|
||||||
|
URL
|
||||||
|
</Tooltip>
|
||||||
|
</th>
|
||||||
<th className={`${styles.tableHeaderCell} ${styles.right}`}>
|
<th className={`${styles.tableHeaderCell} ${styles.right}`}>
|
||||||
<Tooltip type={TooltipType.START_TIME}>
|
<Tooltip type={TooltipType.START_TIME}>
|
||||||
Start Time
|
Start Time
|
||||||
@ -91,11 +96,6 @@ const RequestsTable: React.FC<RequestsTableProps> = ({
|
|||||||
Server Latency
|
Server Latency
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</th>
|
</th>
|
||||||
<th className={`${styles.tableHeaderCell} ${styles.left}`}>
|
|
||||||
<Tooltip type={TooltipType.REQUEST_URL}>
|
|
||||||
URL
|
|
||||||
</Tooltip>
|
|
||||||
</th>
|
|
||||||
<th className={`${styles.tableHeaderCell} ${styles.right}`}>
|
<th className={`${styles.tableHeaderCell} ${styles.right}`}>
|
||||||
<Tooltip type={TooltipType.REQUEST_DURATION}>
|
<Tooltip type={TooltipType.REQUEST_DURATION}>
|
||||||
Duration
|
Duration
|
||||||
|
Loading…
Reference in New Issue
Block a user