jrangel/lcp-visualizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added tabbed interface for mutliple LCPDataGrid.js components

Browse Source
This commit is contained in:
Jeremy Rangel
2025-01-26 01:55:35 -08:00
parent d9e69737a0
commit 8812de19db
7 changed files with 228 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
blocks/components/LCPDataGrid.js
View File

@ -3,12 +3,14 @@ import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/styles/ag-grid.css';
import 'ag-grid-community/styles/ag-theme-alpine.css';
const LCPDataGrid = () => {
let gridData = [
{ Department2: 'Sheriffs Office 2', Budget: '150000', MeetAt: '12/12/2025', PreferredColor: '#e0e0e0', PostContent: '<div> </div>' },
{ Department2: 'Treasurer2', Budget: '10000', MeetAt: '12-05', PreferredColor: '#232323', PostContent: '<p> </p>' },
{ Department2: 'Assessor2', Budget: '40000', MeetAt: 1737718512, PreferredColor: 'red', PostContent: '<h1> </h1>' },
];
const LCPDataGrid = ({dataset}) => {
// let gridData = [
// { Department2: 'Sheriffs Office 2', Budget: '150000', MeetAt: '12/12/2025', PreferredColor: '#e0e0e0', PostContent: '<div> </div>' },
// { Department2: 'Treasurer2', Budget: '10000', MeetAt: '12-05', PreferredColor: '#232323', PostContent: '<p> </p>' },
// { Department2: 'Assessor2', Budget: '40000', MeetAt: 1737718512, PreferredColor: 'red', PostContent: '<h1> </h1>' },
// ];
const gridData = dataset;
// Helper function to detect the data type of a value
const getDataType = (value) => {
if (typeof value === 'number' && !isNaN(value)) {