new-marketplace

1
/* eslint-disable @next/next/no-img-element */
2
'use client';
3
import { Button } from 'primereact/button';
4
import { Chart } from 'primereact/chart';
5
import { Column } from 'primereact/column';
6
import { DataTable } from 'primereact/datatable';
7
import { Menu } from 'primereact/menu';
8
import React, { useContext, useEffect, useRef, useState } from 'react';
9
import { SarifTrivyResults } from '../../../demo/service/SarifService';
10
import { LayoutContext } from '../../../layout/context/layoutcontext';
11
import Link from 'next/link';
12
import { Demo } from '@/types';
13

14
const Trivy = () => {
15
    const [trivy, setSarifTrivy] = useState<Demo.Sarif[]>([]);
16
    
17
    useEffect(() => {
18
        SarifTrivyResults.getResults().then((data) => setSarifTrivy(data));
19
    }, []);
20

21

22
    return (
23
        <div className="grid">
24
            <div className="col-12 xl:col-12">
25
                <div className="card">
26
                    <h5>Уязвимости</h5>
27
                    <DataTable value={trivy} rows={10} paginator responsiveLayout="scroll">
28
                        <Column field="ruleId" header="ruleId" sortable style={{ width: '20%' }} />
29
                        <Column field="level" header="level" sortable style={{ width: '10%' }} />
30
						<Column field="message.text" header="message" sortable />
31
                    </DataTable>
32
                </div>
33
            </div>
34
        </div>
35
    );
36
};
37

38
export default Trivy;
39