diff --git a/aries-site/src/examples/components/button/ToolbarButtonExample.js b/aries-site/src/examples/components/button/ToolbarButtonExample.js index ac053ce9f..407f485b4 100644 --- a/aries-site/src/examples/components/button/ToolbarButtonExample.js +++ b/aries-site/src/examples/components/button/ToolbarButtonExample.js @@ -1,17 +1,25 @@ import React from 'react'; -import { Menu } from 'grommet'; import { - FilterControls, - FiltersProvider, -} from '../../templates/FilterControls'; + Box, + Data, + Toolbar, + DataSearch, + DataFilters, + Menu, + DataSummary, +} from 'grommet'; +import applications from '../../../data/mockData/applications.json'; export const ToolbarButtonExample = () => ( - - } - data={[]} - filters={[]} - searchFilter={{ placeholder: 'Search' }} - /> - + + + + + + + + + + + ); diff --git a/aries-site/src/examples/components/layer/ConfigurationForm.js b/aries-site/src/examples/components/layer/ConfigurationForm.js index f0c62dda0..6b3a7c827 100644 --- a/aries-site/src/examples/components/layer/ConfigurationForm.js +++ b/aries-site/src/examples/components/layer/ConfigurationForm.js @@ -1,9 +1,9 @@ /* eslint-disable react/prop-types */ import React, { useContext, useEffect, useState } from 'react'; -import PropTypes from 'prop-types'; import { Box, Button, + Data, DataTable, Form, FormField, @@ -13,13 +13,12 @@ import { TextInput, CheckBoxGroup, AnnounceContext, + Toolbar, + DataSearch, + DataFilters, + DataSummary, } from 'grommet'; import { LayerHeader } from 'aries-core'; -import { - useFilters, - FiltersProvider, - FilterControls, -} from '../../templates/FilterControls'; import applications from '../../../data/mockData/applications.json'; import { ConfirmationContext, @@ -155,72 +154,54 @@ export const LayerForm = ({ ...rest }) => { ); }; +const columns = [ + { + property: 'title', + header: 'Title', + }, + { + property: 'publisher', + header: 'Publisher', + }, + { + property: 'pricing', + header: 'Pricing', + }, +]; + const ApplicationsPage = () => { const { setShowLayer } = useConfirmation(); return ( - Applications - + + + +