adds synonyms moderation front end

[Courey]

Description

This is the front end for the moderation portion of synonyms (not the circular index grouped by synonyms, but the ability to create, put, delete the synonyms themselves). It is behind both a feature flag and a moderator check. The majority of the code is behind a feature flag and moderation gate, but I did create a component for pagination to reduce redundancy so I could reuse it for this work. In order to do that I had to update the circulars index page as well. That portion is NOT behind a feature flag.

Related Issue(s)

Resolves #2116

Testing

This is the moderation index with pagination. Links for each group are to the detail page

This is the detail page for a synonym group. The button to save is disabled because no additional eventIds have been added. It is enabled when a new eventId is added.

This is the error shown if you enter an eventId that doesn't exist.

This is the create view with no eventIds added.

This is the same view with eventIds added.

This is the error shown when you try to create a synonym group with an invalid eventId

[jracusin]

When you delete synonyms, does it double check you meant to delete them? If not, it would be good to do so.

[Courey]

When you delete synonyms, does it double check you meant to delete them? If not, it would be good to do so.

It does not currently, but that is definitely something I can add in!

[Courey]

Here are updated images to show the additional request for a modal making sure you want to delete a synonym group.
I also updated the trashcan icon next to each eventId so that it says remove instead of just uses an icon.

[codecov]

Codecov Report

Attention: Patch coverage is 11.93182% with 155 lines in your changes missing coverage. Please review.

Project coverage is 6.23%. Comparing base (54ea8ce) to head (8a67744).

Files with missing lines	Patch %	Lines
app/routes/synonyms.new.tsx	0.00%	57 Missing ⚠️
app/routes/synonyms.$synonymId.tsx	0.00%	45 Missing ⚠️
app/routes/synonyms._index.tsx	0.00%	30 Missing ⚠️
app/routes/synonyms/synonyms.server.ts	63.63%	12 Missing ⚠️
...omponents/pagination/PaginationSelectionFooter.tsx	0.00%	8 Missing ⚠️
app/routes/circulars._archive._index/route.tsx	0.00%	2 Missing ⚠️
app/components/pagination/GCNPagination.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff            @@
##            main   #2538      +/-   ##
========================================
+ Coverage   6.08%   6.23%   +0.15%     
========================================
  Files        164     167       +3     
  Lines       4077    4216     +139     
  Branches     450     466      +16     
========================================
+ Hits         248     263      +15     
- Misses      3827    3951     +124     
  Partials       2       2              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[lpsinger]

I don't see anything in the action functions that checks that the user is authorized.

[lpsinger]

This module is unused now, isn't it? Please refactor to eliminate dead code.

[Courey]

I'm not sure what you mean here? It is used. I moved it into components>pagination>GCNPagination.tsx and it is used in the PaginationFooter which is also moved to that same directory.

[Courey]

With nothing on the page yet

when you type 3 or more characters

When you hover over one of the options

[lpsinger]

Sorry this took me so long to get to. There are some merge conflicts. Would you please rebase from main?

Squashing your existing commits before rebasing might make it easier.