diff --git a/frontend/search/components/ngo/HostOfferLookupTable.tsx b/frontend/search/components/ngo/HostOfferLookupTable.tsx
index 77ec6e6..e8e2eb4 100644
--- a/frontend/search/components/ngo/HostOfferLookupTable.tsx
+++ b/frontend/search/components/ngo/HostOfferLookupTable.tsx
@@ -1,6 +1,6 @@
import React, {ReactNode} from 'react'
-import { CheckBoxOutlineBlank, CheckBox } from '@mui/icons-material';
+import {CheckBoxOutlineBlank, CheckBox} from '@mui/icons-material';
import '@inovua/reactdatagrid-community/index.css'
@@ -14,7 +14,8 @@ import NumberFilter from "@inovua/reactdatagrid-community/NumberFilter";
import moment from "moment";
import {useTranslation} from "react-i18next";
-import { resources } from '../../i18n/config';
+import {resources} from '../../i18n/config';
+import {Box} from "@mui/material";
global.moment = moment
@@ -28,11 +29,12 @@ type ColumnRaw = { name: string; header: string; type: string }
* you can generate an inital raw column json by running the following
* function
*/
-const makeColumnDefinition = (data: any ) => Object.keys(data)
+const makeColumnDefinition = (data: any) => Object.keys(data)
.map(k => ({
name: k,
header: k.replace(/_/g, ' '),
- type: typeof data[k]}))
+ type: typeof data[k]
+ }))
const columnsRaw: ColumnRaw[] = [
{
@@ -138,18 +140,18 @@ type CustomRendererMatcher = {
const customRendererForType: CustomRendererMatcher[] = [
{
match: {type: 'boolean'},
- render: ({ value }) => !!value ? :
+ render: ({value}) => !!value ? :
},
{
match: {type: 'string', name: 'contact_email'},
- render: ({ value }) => ({value})
+ render: ({value}) => ({value})
}
]
const findMatchingRenderer = (c: ColumnRaw) => {
const customRenderer = customRendererForType.find(d => {
// @ts-ignore
- return Object.keys(d.match).reduce((prev, cur) => prev && c[cur] === d.match[cur] , true )
+ return Object.keys(d.match).reduce((prev, cur) => prev && c[cur] === d.match[cur], true)
})
return customRenderer?.render
}
@@ -162,40 +164,44 @@ const columns: TypeColumn[] = columnsRaw
}))
const defaultFilterValue: TypeFilterValue = columns
- .filter(( {type} ) => type && ['string', 'number', 'date', 'boolean'].includes( type ))
- .map(( {name, type} ) => {
+ .filter(({type}) => type && ['string', 'number', 'date', 'boolean'].includes(type))
+ .map(({name, type}) => {
return {
name,
type,
value: null,
operator: operatorsForType[type as 'string' | 'number' | 'date' | 'boolean']
} as unknown as TypeSingleFilterValue
- } )
+ })
-const HostOfferLookupTable = ({ data }: HostOfferLookupTableProps) => {
+const HostOfferLookupTable = ({data}: HostOfferLookupTableProps) => {
const dataSource = data.get_offers || []
- const { i18n: { language } } = useTranslation()
+ const {i18n: {language}} = useTranslation()
// @ts-ignore
const reactdatagridi18n = resources[language]?.translation?.reactdatagrid
- return <>
-
- >
+ return
+
+
+
+
}
export default HostOfferLookupTable
diff --git a/frontend/search/styles/Home.module.css b/frontend/search/styles/Home.module.css
index dd76e42..f76a83a 100644
--- a/frontend/search/styles/Home.module.css
+++ b/frontend/search/styles/Home.module.css
@@ -3,6 +3,7 @@
}
.main {
+ max-height: 100vh;
min-height: 100vh;
- padding: 4rem 4rem;
+ padding: 0;
}
diff --git a/frontend/search/styles/globals.css b/frontend/search/styles/globals.css
index e5e2dcc..16f09cf 100644
--- a/frontend/search/styles/globals.css
+++ b/frontend/search/styles/globals.css
@@ -4,6 +4,8 @@ body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+ min-height: 100vh;
+ max-height: 100vh;
}
a {