improvements to campaign grid (#1481)

podkrepi-bg · Jul 12, 2023 · c9d7aa9 · c9d7aa9
1 parent fc7859d
commit c9d7aa9
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/public/locales/en/campaigns.json b/public/locales/en/campaigns.json
@@ -192,5 +192,25 @@
     "disabled": "Disabled",
     "error": "Error",
     "deleted": "Deleted"
+  },
+  "campaignTypesFields": {
+    "treatment": "Treatment and rehabilitation",
+    "transplatation": "Transplantation",
+    "cancer": "Cancer",
+    "leukemia": "Leukemia",
+    "geneticDiseases": "Genetic diseases",
+    "rehabilitation": "Rehabilitation",
+    "helping": "Helping the needy",
+    "kidsInRisk": "Kids in risk",
+    "thirdAge": "Third Age",
+    "homesForChildren": "Homes for children",
+    "nursingHomes": "Nursing homes",
+    "betterSociety": "Better society",
+    "education": "Education",
+    "culture": "Culture",
+    "nature": "Nature",
+    "humanRights": "Human rights",
+    "animals": "Animals",
+    "disasters": "Disasters"
   }
 }
diff --git a/src/components/admin/campaigns/grid/CampaignGrid.tsx b/src/components/admin/campaigns/grid/CampaignGrid.tsx
@@ -68,7 +68,7 @@ export default function CampaignGrid() {
   const [viewId, setViewId] = useState<string | undefined>()
   const [deleteId, setDeleteId] = useState<string | undefined>()
   const [paginationModel, setPaginationModel] = useState({
-    pageSize: 10,
+    pageSize: 20,
     page: 0,
   })
   const selectedCampaign = useMemo(() => data.find((c) => c.id === viewId), [data, viewId])
@@ -156,6 +156,7 @@ export default function CampaignGrid() {
       ...commonProps,
       align: 'left',
       width: 250,
+      valueGetter: ({ value }) => value && t('campaigns:campaignTypesFields.' + value.name),
       renderCell: (cellValues: GridRenderCellParams) => <>{cellValues.row.campaignType.name}</>,
     },
     {
@@ -312,6 +313,7 @@ export default function CampaignGrid() {
         paginationModel={paginationModel}
         onPaginationModelChange={setPaginationModel}
         editMode="row"
+        pageSizeOptions={[20, 50, 100]}
       />
       <Box>
         {selectedCampaign && (