(
+ `/api/specify_tree/${treeName.toLowerCase()}/${id}/rebuild-full-name${withSynonyms ? '?rebuild_synonyms=true' : ''}`,
+ {
+ method: 'POST',
+ headers: { Accept: 'application/json' },
+ errorMode: 'dismissible',
+ }
+ )
+ .then((resp) => setResult(parseRebuildResponse(resp)))
+ .finally(() => setIsRunning(false));
+ };
+ const triggerRepair = (): void => {
+ if (!canRepair) return;
+ setIsRunning(true);
+ setResult(null);
+ setRepairStatus('idle');
+ ping(`/api/specify_tree/${treeName.toLowerCase()}/repair/`, {
+ method: 'POST',
+ errorMode: 'dismissible',
+ })
+ .then(() => setRepairStatus('success'))
+ .finally(() => setIsRunning(false));
+ };
+ type ActionKey = 'rebuildAccepted' | 'rebuildSynonyms' | 'repair';
+ type ActionDef = {
+ readonly key: ActionKey;
+ readonly can: boolean;
+ readonly label: () => LocalizedString;
+ readonly description: () => LocalizedString;
+ readonly run: () => void;
+ };
+ const actions: readonly ActionDef[] = [
+ {
+ key: 'repair',
+ can: canRepair,
+ label: () => headerText.repairTree(),
+ description: () => treeText.repairTreeDescription(),
+ run: triggerRepair,
+ },
+ {
+ key: 'rebuildAccepted',
+ can: canRebuild,
+ label: () => treeText.rebuildNames(),
+ description: () => treeText.rebuildNamesDescription(),
+ run: () => trigger(false),
+ },
+ {
+ key: 'rebuildSynonyms',
+ can: canRebuild,
+ label: () => treeText.rebuildNamesSynonyms(),
+ description: () => treeText.rebuildNamesSynonymsDescription(),
+ run: () => trigger(true),
+ },
+ ];
+ const visibleActions = actions.filter((a) => a.can);
+
+ let status: React.ReactNode = null;
+ if (isRunning)
+ status = {commonText.working()};
+ else if (result && canRebuild) {
+ status =
+ result.total > 0 ? (
+
+ {treeText.rebuildResult({
+ total: result.total,
+ accepted: result.accepted,
+ synonyms: result.synonyms,
+ })}
+
+ ) : (
+ {treeText.noFullNamesUpdated()}
+ );
+ } else if (repairStatus === 'success' && (!canRebuild || !result)) {
+ status = (
+
+ {headerText.treeRepairComplete()}
+
+ );
+ } else if (hoveredAction) {
+ const current = actions.find((a) => a.key === hoveredAction);
+ status = current ? (
+
+ {current.description()}
+
+ ) : null;
+ }
+ return (
+
+
+ {visibleActions.map((action) => (
+ {
+ event.preventDefault();
+ action.run();
+ }}
+ onMouseEnter={(): void => setHoveredAction(action.key)}
+ onMouseLeave={(): void =>
+ setHoveredAction((previousHovered) => (previousHovered === action.key ? null : previousHovered))
+ }
+ >
+ <>{action.label()}
+
+ ))}
+
+
{status}
+