Reorganize RequestBreakdown components into dedicated directory
Move RequestBreakdown.tsx and module CSS into RequestBreakdown/ directory: - RequestBreakdown.tsx → RequestBreakdown/index.tsx - RequestBreakdown.module.css → RequestBreakdown/RequestBreakdown.module.css - Update all import paths to work with new directory structure - Maintain existing functionality with cleaner organization All RequestBreakdown-related components now co-located for better maintainability. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
52543a5d04
commit
1035b28472
@ -1,5 +1,5 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import styles from '../RequestBreakdown.module.css'
|
import styles from './RequestBreakdown.module.css'
|
||||||
|
|
||||||
interface BreakdownTableHeaderProps {
|
interface BreakdownTableHeaderProps {
|
||||||
categoryLabel: string
|
categoryLabel: string
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import React, { useMemo, useState } from 'react'
|
import React, { useMemo, useState } from 'react'
|
||||||
import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
|
import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
|
||||||
import BreakdownTableHeader from './BreakdownTableHeader'
|
import BreakdownTableHeader from './BreakdownTableHeader'
|
||||||
import styles from '../RequestBreakdown.module.css'
|
import styles from './RequestBreakdown.module.css'
|
||||||
|
|
||||||
interface CategoryBreakdown {
|
interface CategoryBreakdown {
|
||||||
name: string
|
name: string
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import styles from '../RequestBreakdown.module.css'
|
import styles from './RequestBreakdown.module.css'
|
||||||
|
|
||||||
interface RequestDataSummaryProps {
|
interface RequestDataSummaryProps {
|
||||||
totalRequests: number
|
totalRequests: number
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import React, { useMemo } from 'react'
|
import React, { useMemo } from 'react'
|
||||||
import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
|
import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
|
||||||
import BreakdownTableHeader from './BreakdownTableHeader'
|
import BreakdownTableHeader from './BreakdownTableHeader'
|
||||||
import styles from '../RequestBreakdown.module.css'
|
import styles from './RequestBreakdown.module.css'
|
||||||
|
|
||||||
interface CategoryBreakdown {
|
interface CategoryBreakdown {
|
||||||
name: string
|
name: string
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import React, { useMemo } from 'react'
|
import React, { useMemo } from 'react'
|
||||||
import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
|
import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
|
||||||
import BreakdownTableHeader from './BreakdownTableHeader'
|
import BreakdownTableHeader from './BreakdownTableHeader'
|
||||||
import styles from '../RequestBreakdown.module.css'
|
import styles from './RequestBreakdown.module.css'
|
||||||
|
|
||||||
interface CategoryBreakdown {
|
interface CategoryBreakdown {
|
||||||
name: string
|
name: string
|
||||||
|
@ -1,14 +1,14 @@
|
|||||||
import { useMemo } from 'react'
|
import { useMemo } from 'react'
|
||||||
import { useDatabaseTraceData } from '../hooks/useDatabaseTraceData'
|
import { useDatabaseTraceData } from '../../hooks/useDatabaseTraceData'
|
||||||
import { processHTTPRequests } from './httprequestviewer/lib/httpRequestProcessor'
|
import { processHTTPRequests } from '../httprequestviewer/lib/httpRequestProcessor'
|
||||||
import { addRequestPostProcessing } from './httprequestviewer/lib/requestPostProcessor'
|
import { addRequestPostProcessing } from '../httprequestviewer/lib/requestPostProcessor'
|
||||||
import { analyzeCDN, analyzeQueueReason } from './httprequestviewer/lib/analysisUtils'
|
import { analyzeCDN, analyzeQueueReason } from '../httprequestviewer/lib/analysisUtils'
|
||||||
import { assignConnectionNumbers } from './httprequestviewer/lib/connectionUtils'
|
import { assignConnectionNumbers } from '../httprequestviewer/lib/connectionUtils'
|
||||||
import sortRequests from './httprequestviewer/lib/sortRequests'
|
import sortRequests from '../httprequestviewer/lib/sortRequests'
|
||||||
import RequestDataSummary from './RequestBreakdown/RequestDataSummary'
|
import RequestDataSummary from './RequestDataSummary'
|
||||||
import ResourceTypeBreakdown from './RequestBreakdown/ResourceTypeBreakdown'
|
import ResourceTypeBreakdown from './ResourceTypeBreakdown'
|
||||||
import StatusCodeBreakdown from './RequestBreakdown/StatusCodeBreakdown'
|
import StatusCodeBreakdown from './StatusCodeBreakdown'
|
||||||
import HostnameBreakdown from './RequestBreakdown/HostnameBreakdown'
|
import HostnameBreakdown from './HostnameBreakdown'
|
||||||
import styles from './RequestBreakdown.module.css'
|
import styles from './RequestBreakdown.module.css'
|
||||||
|
|
||||||
interface RequestBreakdownProps {
|
interface RequestBreakdownProps {
|
Loading…
Reference in New Issue
Block a user