[PlatformAdmin] add views and CRUD logic for NGO management

api/src/Vote.Monitor.Api.Feature.Ngo/Create/Endpoint.cs

@@ -4,7 +4,7 @@
 namespace Vote.Monitor.Api.Feature.Ngo.Create;
 
 public class Endpoint(IRepository<NgoAggregate> repository) :
-    Endpoint<Request, Results<Ok<NgoModel>, Conflict<ProblemDetails>>>
+    Endpoint<Request, Results<Ok<NgoModel>, ProblemDetails>>
 {
     public override void Configure()
     {
@@ -14,7 +14,7 @@ public override void Configure()
         Policies(PolicyNames.PlatformAdminsOnly);
     }
 
-    public override async Task<Results<Ok<NgoModel>, Conflict<ProblemDetails>>> ExecuteAsync(Request req,
+    public override async Task<Results<Ok<NgoModel>, ProblemDetails>> ExecuteAsync(Request req,
         CancellationToken ct)
     {
         var specification = new GetNgoByNameSpecification(req.Name);
@@ -23,7 +23,7 @@ public override async Task<Results<Ok<NgoModel>, Conflict<ProblemDetails>>> Exec
         if (hasNgoWithSameName)
         {
             AddError(r => r.Name, "A Ngo with same name already exists");
-            return TypedResults.Conflict(new ProblemDetails(ValidationFailures));
+            return new ProblemDetails(ValidationFailures);
         }
 
         var ngo = new NgoAggregate(req.Name);

api/src/Vote.Monitor.Api.Feature.NgoAdmin/Create/Endpoint.cs

@@ -7,7 +7,7 @@ namespace Vote.Monitor.Api.Feature.NgoAdmin.Create;
 public class Endpoint(
     UserManager<ApplicationUser> userManager,
     IRepository<NgoAdminAggregate> repository)
-    : Endpoint<Request, Results<Ok<NgoAdminModel>, Conflict<ProblemDetails>>>
+    : Endpoint<Request, Results<Ok<NgoAdminModel>, ProblemDetails>>
 {
     public override void Configure()
     {
@@ -18,14 +18,14 @@ public override void Configure()
         Policies(PolicyNames.PlatformAdminsOnly);
     }
 
-    public override async Task<Results<Ok<NgoAdminModel>, Conflict<ProblemDetails>>> ExecuteAsync(Request req,
+    public override async Task<Results<Ok<NgoAdminModel>, ProblemDetails>> ExecuteAsync(Request req,
         CancellationToken ct)
     {
         var user = await userManager.FindByEmailAsync(req.Email);
         if (user is not null)
         {
-            AddError(r => r.Email, "A ngo admin with same login already exists");
-            return TypedResults.Conflict(new ProblemDetails(ValidationFailures));
+            AddError(r => r.Email, "A user with same login already exists");
+            return new ProblemDetails(ValidationFailures);
         }
 
         var applicationUser =
@@ -35,7 +35,7 @@ public override async Task<Results<Ok<NgoAdminModel>, Conflict<ProblemDetails>>>
         if (!result.Succeeded)
         {
             AddError(r => r.Email, result.GetAllErrors());
-            return TypedResults.Conflict(new ProblemDetails(ValidationFailures));
+            return new ProblemDetails(ValidationFailures);
         }
 
         var ngoAdmin = new NgoAdminAggregate(req.NgoId, applicationUser);

api/src/Vote.Monitor.Api.Feature.NgoAdmin/Update/Endpoint.cs

@@ -29,7 +29,6 @@ public override async Task<Results<NoContent, NotFound, ValidationProblem>> Exec
         }
 
         ngoAdmin.ApplicationUser.UpdateDetails(req.FirstName, req.LastName, req.PhoneNumber);
-        ngoAdmin.ApplicationUser.UpdateStatus(req.Status);
         var result = await userManager.UpdateAsync(ngoAdmin.ApplicationUser);
 
         if (!result.Succeeded)

api/src/Vote.Monitor.Api.Feature.NgoAdmin/Update/Request.cs

@@ -7,6 +7,4 @@ public class Request
     public string FirstName { get; set; }
     public string LastName { get; set; }
     public string? PhoneNumber { get; set; }
-
-    public UserStatus Status { get; set; }
 }

api/tests/Vote.Monitor.Api.Feature.Ngo.UnitTests/Endpoints/CreateEndpointTests.cs

@@ -29,7 +29,7 @@ await repository
             .AddAsync(Arg.Is<NgoAggregate>(x => x.Name == ngoName));
 
         result
-            .Should().BeOfType<Results<Ok<NgoModel>, Conflict<ProblemDetails>>>()!
+            .Should().BeOfType<Results<Ok<NgoModel>, ProblemDetails>>()!
             .Which!
             .Result.Should().BeOfType<Ok<NgoModel>>()!
             .Which!.Value!.Name.Should().Be(ngoName);
@@ -53,8 +53,8 @@ public async Task ShouldReturnConflict_WhenNgoWithSameNameExists()
 
         // Assert
         result
-            .Should().BeOfType<Results<Ok<NgoModel>, Conflict<ProblemDetails>>>()
+            .Should().BeOfType<Results<Ok<NgoModel>, ProblemDetails>>()
             .Which
-            .Result.Should().BeOfType<Conflict<ProblemDetails>>();
+            .Result.Should().BeOfType<ProblemDetails>();
     }
 }

web/src/common/types.ts

@@ -410,3 +410,12 @@ export interface FormBase {
   numberOfQuestions: number;
   languagesTranslationStatus: LanguagesTranslationStatus;
 }
+
+export interface ProblemDetails {
+  type: string;
+  title: string;
+  status: number;
+  detail: string;
+  instance?: string;
+  errors?: { name: string; reason: string }[]; // Maps field names to error messages
+}

web/src/common/zod-schemas.ts

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+import { SortOrder } from './types';
+
+export const PageParametersBaseSchema = z.object({
+  pageNumber: z.number().catch(1),
+  pageSize: z.number().catch(10),
+});
+
+export const SortParamsBaseSchema = z.object({
+  sortColumnName: z.string().catch(''),
+  searchText: z.coerce.string().optional(),
+  sortOrder: z.nativeEnum(SortOrder).catch(SortOrder.asc),
+});
+
+export const DefaultSearchParamsSchema = PageParametersBaseSchema.merge(SortParamsBaseSchema);

web/src/components/layout/Header/Header.tsx

@@ -47,13 +47,10 @@ const Header = (): FunctionComponent => {
   const navigate = useNavigate();
   const [selectedElectionRound, setSelectedElection] = useState<ElectionEvent>();
   const router = useRouter();
-  const {
-    setCurrentElectionRoundId,
-    currentElectionRoundId,
-  } = useCurrentElectionRoundStore((s) => s);
+  const { setCurrentElectionRoundId, currentElectionRoundId } = useCurrentElectionRoundStore((s) => s);
 
   const handleSelectElectionRound = async (electionRound?: ElectionEvent): Promise<void> => {
-    if (electionRound && selectedElectionRound?.id != electionRound.id ) {
+    if (electionRound && selectedElectionRound?.id != electionRound.id) {
       setSelectedElection(electionRound);
       setCurrentElectionRoundId(electionRound.id);
 
@@ -149,7 +146,9 @@ const Header = (): FunctionComponent => {
               </div>
 
               <div className='items-center hidden gap-2 md:flex'>
-                {userRole !== 'NgoAdmin'? <></> : status === 'pending' ? (
+                {userRole !== 'NgoAdmin' ? (
+                  <></>
+                ) : status === 'pending' ? (
                   <Skeleton className='w-[360px] h-[26px] mr-2 rounded-lg bg-secondary-300 text-secondary-900 hover:bg-secondary-300/90' />
                 ) : (
                   <DropdownMenu>
@@ -173,9 +172,7 @@ const Header = (): FunctionComponent => {
                         <DropdownMenuLabel> Upcomming elections </DropdownMenuLabel>
 
                         {activeElections?.map((electionRound) => (
-                          <DropdownMenuRadioItem
-                            key={electionRound.id}
-                            value={electionRound.id}>
+                          <DropdownMenuRadioItem key={electionRound.id} value={electionRound.id}>
                             <div className='flex items-center gap-2'>
                               {electionRound?.status === ElectionRoundStatus.NotStarted ? (
                                 <PauseCircleIcon className='w-4 h-4 text-slate-700' />
@@ -192,9 +189,7 @@ const Header = (): FunctionComponent => {
                         <DropdownMenuSeparator />
                         <DropdownMenuLabel> Archived elections </DropdownMenuLabel>
                         {archivedElections?.map((electionRound) => (
-                          <DropdownMenuRadioItem
-                            key={electionRound.id}
-                            value={electionRound.id}>
+                          <DropdownMenuRadioItem key={electionRound.id} value={electionRound.id}>
                             <div className='flex items-center gap-2'>
                               <StopCircleIcon className='w-4 h-4 text-yellow-700' />
 

web/src/features/CitizenNotifications/CitizenNotificationMessageForm/CitizenNotificationMessageForm.tsx

@@ -36,6 +36,7 @@ function CitizenNotificationMessageForm(): FunctionComponent {
 
   const form = useForm<z.infer<typeof createPushMessageSchema>>({
     resolver: zodResolver(createPushMessageSchema),
+    mode: 'all',
     defaultValues: {
       title: '',
       messageBody: '',

web/src/features/auth/AcceptInvite.tsx

@@ -39,6 +39,7 @@ function AcceptInvite() {
 
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
+    mode: 'all',
     defaultValues: {
       password: '',
       confirmPassword: '',

web/src/features/auth/ForgotPassword.tsx

@@ -27,6 +27,7 @@ interface ForgotPasswordRequest {
 function ForgotPassword() {
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
+    mode: 'all',
     defaultValues: {
       email: '',
     },

web/src/features/auth/Login.tsx

@@ -27,6 +27,7 @@ function Login() {
   const navigate = useNavigate();
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
+    mode: 'all',
     defaultValues: {
       email: '',
       password: '',

web/src/features/auth/ResetPassword.tsx

@@ -48,6 +48,7 @@ function ResetPassword(): FunctionComponent {
 
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
+    mode: 'all',
     defaultValues: {
       email: '',
       password: '',

web/src/features/election-event/components/Guides/AddGuideForm.tsx

@@ -83,6 +83,7 @@ export default function AddGuideForm({
 
   const form = useForm<NewGuideType>({
     resolver: zodResolver(newGuideFormSchema),
+    mode: 'all',
     defaultValues: {
       guideType: guideType,
       title: '',

web/src/features/election-event/components/Guides/EditGuideForm.tsx

@@ -94,6 +94,7 @@ export default function EditGuideForm({
   type EditGuideType = z.infer<typeof editGuideFormSchema>;
   const form = useForm<EditGuideType>({
     resolver: zodResolver(editGuideFormSchema),
+    mode: 'all',
     defaultValues: {
       guidePageType: guidePageType,
       guideType: guideType,

web/src/features/election-rounds/components/ElectionRoundForm/ElectionRoundForm.tsx

@@ -52,6 +52,7 @@ function ElectionRoundForm({ electionRound, children, onSubmit }: ElectionRoundF
 
   const form = useForm<ElectionRoundRequest>({
     resolver: zodResolver(electionRoundSchema),
+    mode: 'all',
     defaultValues: {
       countryId: electionRound?.countryId ?? '',
       title: electionRound?.title ?? '',

web/src/features/filtering/hooks/useFilteringContainer.ts

@@ -1,6 +1,6 @@
 import { useSetPrevSearch } from '@/common/prev-search-store';
 import { useNavigate, useSearch } from '@tanstack/react-router';
-import { useCallback, useMemo } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { HIDDEN_FILTERS } from '../common';
 import { FILTER_KEY } from '../filtering-enums';
 
@@ -19,6 +19,12 @@ export function useFilteringContainer() {
       .some(([_, value]) => !!value);
   }, [queryParams]);
 
+  const [isFilteringContainerVisible, setIsFilteringContainerVisible] = useState(filteringIsActive);
+
+  useEffect(() => {
+    setIsFilteringContainerVisible(filteringIsActive);
+  }, [filteringIsActive]);
+
   const navigateHandler = useCallback(
     (search: Record<string, any | undefined>) => {
       navigate({
@@ -37,6 +43,8 @@ export function useFilteringContainer() {
     [navigate, setPrevSearch]
   );
 
+  const toggleFilteringContainerVisibility = () => setIsFilteringContainerVisible((prev) => !prev);
+
   const resetFilters = () => {
     navigate({
       to: '.',
@@ -46,5 +54,13 @@ export function useFilteringContainer() {
     setPrevSearch(filterObject(queryParams, HIDDEN_FILTERS));
   };
 
-  return { queryParams, filteringIsActive, navigate, navigateHandler, resetFilters };
+  return {
+    queryParams,
+    filteringIsActive,
+    isFilteringContainerVisible,
+    toggleFilteringContainerVisibility,
+    navigate,
+    navigateHandler,
+    resetFilters,
+  };
 }

web/src/features/monitoring-observers/components/EditMonitoringObserver/EditMonitoringObserver.tsx

@@ -47,6 +47,7 @@ export default function EditObserver() {
 
   const form = useForm<z.infer<typeof editObserverFormSchema>>({
     resolver: zodResolver(editObserverFormSchema),
+    mode: 'all',
     defaultValues: {
       status: monitoringObserver.status,
       tags: monitoringObserver.tags,

web/src/features/monitoring-observers/components/MonitoringObserversList/CreateMonitoringObserverDialog.tsx

@@ -36,6 +36,7 @@ function CreateMonitoringObserverDialog({ open, onOpenChange }: CreateMonitoring
   type ObserverFormData = z.infer<typeof newObserverSchema>;
 
   const form = useForm<ObserverFormData>({
+    mode: 'all',
     resolver: zodResolver(newObserverSchema),
   });
 

web/src/features/monitoring-observers/components/PushMessageForm/PushMessageForm.tsx

@@ -103,6 +103,7 @@ function PushMessageForm(): FunctionComponent {
 
   const form = useForm<z.infer<typeof createPushMessageSchema>>({
     resolver: zodResolver(createPushMessageSchema),
+    mode: 'all',
     defaultValues: {
       title: '',
       messageBody: '',