|
1 | 1 | import React from 'react'; |
2 | 2 | import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components'; |
3 | | -import srcImport5 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewer.png'; |
4 | | -import srcImport6 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewerdark.png'; |
5 | | -import srcImport7 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewerclear.png'; |
6 | | -import srcImport8 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewercog.png'; |
7 | | -import srcImport9 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewersearch.png'; |
| 3 | +import srcImport0 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewer.png'; |
| 4 | +import srcImport1 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewerdark.png'; |
| 5 | +import srcImport2 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewerclear.png'; |
| 6 | +import srcImport3 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewercog.png'; |
| 7 | +import srcImport4 from '../../../content/extensions/react-log-viewer/design-guidelines/./img/logviewersearch.png'; |
8 | 8 | const pageData = { |
9 | 9 | "id": "Log viewer", |
10 | 10 | "section": "extensions", |
@@ -36,7 +36,7 @@ const Component = () => ( |
36 | 36 | <AutoLinkHeader {...{"id":"light-theme-log-viewer","headingLevel":"h2","className":"ws-title ws-h2"}}> |
37 | 37 | {`Light theme log viewer`} |
38 | 38 | </AutoLinkHeader> |
39 | | - <img src={srcImport5} width={srcImport5.width} height={srcImport5.height} {...{"alt":"Log Viewer","className":"ws-img "}}> |
| 39 | + <img src={srcImport0} width={srcImport0.width || undefined} height={srcImport0.height || undefined} {...{"alt":"Log Viewer","className":"ws-img "}}> |
40 | 40 | </img> |
41 | 41 | <ol {...{"className":"pf-v6-c-content--ol pf-m-editorial ws-ol "}}> |
42 | 42 | <li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}> |
@@ -95,7 +95,7 @@ const Component = () => ( |
95 | 95 | {`We recommend using the light theme editor by default, but there is also a dark theme log viewer |
96 | 96 | available. All log viewer functionality remains the same whether a light or dark theme is used.`} |
97 | 97 | </p> |
98 | | - <img src={srcImport6} width={srcImport6.width} height={srcImport6.height} {...{"alt":"Dark theme log viewer","className":"ws-img "}}> |
| 98 | + <img src={srcImport1} width={srcImport1.width || undefined} height={srcImport1.height || undefined} {...{"alt":"Dark theme log viewer","className":"ws-img "}}> |
99 | 99 | </img> |
100 | 100 | <AutoLinkHeader {...{"id":"usability","headingLevel":"h2","className":"ws-title ws-h2"}}> |
101 | 101 | {`Usability`} |
@@ -126,23 +126,23 @@ available. All log viewer functionality remains the same whether a light or dark |
126 | 126 | <p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}> |
127 | 127 | {`The clear log button opens up a popover with further options, to prevent a user from accidentally clearing their log content.`} |
128 | 128 | </p> |
129 | | - <img src={srcImport7} width={srcImport7.width} height={srcImport7.height} {...{"alt":"Clear this log popover open on a Log viewer","className":"ws-img "}}> |
| 129 | + <img src={srcImport2} width={srcImport2.width || undefined} height={srcImport2.height || undefined} {...{"alt":"Clear this log popover open on a Log viewer","className":"ws-img "}}> |
130 | 130 | </img> |
131 | 131 | <AutoLinkHeader {...{"id":"with-dropdown-drilldown-and-search-expanded","headingLevel":"h3","className":"ws-title ws-h3"}}> |
132 | 132 | {`With dropdown, drilldown, and search expanded`} |
133 | 133 | </AutoLinkHeader> |
134 | 134 | <p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}> |
135 | 135 | {`The cog icon in the log viewer toolbar allows you to store content options such as timestamps or line numbers for better orientation within the log viewer.`} |
136 | 136 | </p> |
137 | | - <img src={srcImport8} width={srcImport8.width} height={srcImport8.height} {...{"alt":"Cog options open on a Log viewer","className":"ws-img "}}> |
| 137 | + <img src={srcImport3} width={srcImport3.width || undefined} height={srcImport3.height || undefined} {...{"alt":"Cog options open on a Log viewer","className":"ws-img "}}> |
138 | 138 | </img> |
139 | 139 | <AutoLinkHeader {...{"id":"with-search-results","headingLevel":"h3","className":"ws-title ws-h3"}}> |
140 | 140 | {`With search results`} |
141 | 141 | </AutoLinkHeader> |
142 | 142 | <p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}> |
143 | 143 | {`The search bar provides highlighted search results for better findability within a log viewer’s content.`} |
144 | 144 | </p> |
145 | | - <img src={srcImport9} width={srcImport9.width} height={srcImport9.height} {...{"alt":"Log Viewer with highlighted search results","className":"ws-img "}}> |
| 145 | + <img src={srcImport4} width={srcImport4.width || undefined} height={srcImport4.height || undefined} {...{"alt":"Log Viewer with highlighted search results","className":"ws-img "}}> |
146 | 146 | </img> |
147 | 147 | </React.Fragment> |
148 | 148 | ); |
|
0 commit comments