IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

PluginExtensions: Logs panel takes full height/width (#95825)

Browse Source 
Making the log panel taking full space of page.
This commit is contained in:
Marcus Andersson 2024-11-07 09:54:50 +01:00 committed by GitHub
parent cd3a71e7cb
commit df4a5aeaf1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/app/features/plugins/extensions/logs/LogViewer.tsx
View File

@ -1,5 +1,6 @@
import { nanoid } from 'nanoid';
import { ReactElement, useState } from 'react';
import AutoSizer from 'react-virtualized-auto-sizer';
import { sceneUtils, VizConfigBuilders } from '@grafana/scenes';
import {
@ -21,7 +22,7 @@ const DATASOURCE_REF = {
type: 'grafana-extensionslog-datasource',
};
const logsViz = VizConfigBuilders.logs().build();
const logsViz = VizConfigBuilders.logs().setOption('wrapLogMessage', true).build();
sceneUtils.registerRuntimeDataSource({
dataSource: new ExtensionsLogDataSource(DATASOURCE_REF.type, DATASOURCE_REF.uid, log),
@ -54,9 +55,13 @@ function LogViewScene(): ReactElement | null {
navId="extensions"
actions={<LogViewFilters provider={data} filteredProvider={filteredData} filter={filter} onChange={setFilter} />}
>
<VizGridLayout>
<VizPanel title="" viz={logsViz} dataProvider={filteredData} />
</VizGridLayout>
<AutoSizer>
{({ height, width }) => (
<VizGridLayout minHeight={height} minWidth={width}>
<VizPanel title="" viz={logsViz} dataProvider={filteredData} />
</VizGridLayout>
)}
</AutoSizer>
</Page>
);
}