max status length of 24

This commit is contained in:
Oliver Bryan
2026-01-10 17:00:39 +00:00
parent 593e155755
commit b315020b37
3 changed files with 65 additions and 24 deletions

View File

@@ -1,3 +1,4 @@
import { ISSUE_STATUS_MAX_LENGTH } from "@issue/shared";
import type { BunRequest } from "bun";
import { getOrganisationById, updateOrganisation } from "../../db/queries";
@@ -20,6 +21,12 @@ export default async function organisationUpdate(req: BunRequest) {
if (statuses.length === 0) {
return new Response("statuses must have at least one status", { status: 400 });
}
if (statuses.some((s) => s.length > ISSUE_STATUS_MAX_LENGTH)) {
return new Response(`status must be <= ${ISSUE_STATUS_MAX_LENGTH} characters`, {
status: 400,
});
}
} catch {
return new Response("invalid statuses format (must be JSON array)", { status: 400 });
}

View File

@@ -1,4 +1,8 @@
import type { OrganisationMemberResponse, OrganisationResponse } from "@issue/shared";
import {
ISSUE_STATUS_MAX_LENGTH,
type OrganisationMemberResponse,
type OrganisationResponse,
} from "@issue/shared";
import { ChevronDown, ChevronUp, Plus, X } from "lucide-react";
import type { ReactNode } from "react";
import { useCallback, useEffect, useState } from "react";
@@ -36,6 +40,7 @@ function OrganisationsDialog({
const [statuses, setStatuses] = useState<string[]>([]);
const [isCreatingStatus, setIsCreatingStatus] = useState(false);
const [newStatusName, setNewStatusName] = useState("");
const [statusError, setStatusError] = useState<string | null>(null);
const [statusToRemove, setStatusToRemove] = useState<string | null>(null);
const [reassignToStatus, setReassignToStatus] = useState<string>("");
@@ -185,9 +190,16 @@ function OrganisationsDialog({
const handleCreateStatus = async () => {
const trimmed = newStatusName.trim().toUpperCase();
if (!trimmed) return;
if (trimmed.length > ISSUE_STATUS_MAX_LENGTH) {
setStatusError(`status must be <= ${ISSUE_STATUS_MAX_LENGTH} characters`);
return;
}
if (statuses.includes(trimmed)) {
setNewStatusName("");
setIsCreatingStatus(false);
setStatusError(null);
return;
}
@@ -195,6 +207,7 @@ function OrganisationsDialog({
await updateStatuses(newStatuses);
setNewStatusName("");
setIsCreatingStatus(false);
setStatusError(null);
};
const handleRemoveStatusClick = (status: string) => {
@@ -440,10 +453,15 @@ function OrganisationsDialog({
</div>
{isAdmin &&
(isCreatingStatus ? (
<div className="flex flex-col gap-2">
<div className="flex gap-2">
<Input
value={newStatusName}
onChange={(e) => setNewStatusName(e.target.value)}
maxLength={ISSUE_STATUS_MAX_LENGTH}
onChange={(e) => {
setNewStatusName(e.target.value);
if (statusError) setStatusError(null);
}}
placeholder="Status name"
className="flex-1"
onKeyDown={(e) => {
@@ -452,6 +470,7 @@ function OrganisationsDialog({
} else if (e.key === "Escape") {
setIsCreatingStatus(false);
setNewStatusName("");
setStatusError(null);
}
}}
autoFocus
@@ -460,14 +479,27 @@ function OrganisationsDialog({
variant="outline"
size="icon"
onClick={() => void handleCreateStatus()}
disabled={
newStatusName.trim().length >
ISSUE_STATUS_MAX_LENGTH
}
>
<Plus className="size-4" />
</Button>
</div>
{statusError && (
<p className="text-xs text-destructive">
{statusError}
</p>
)}
</div>
) : (
<Button
variant="outline"
onClick={() => setIsCreatingStatus(true)}
onClick={() => {
setIsCreatingStatus(true);
setStatusError(null);
}}
>
Create status <Plus className="size-4" />
</Button>

View File

@@ -42,4 +42,6 @@ export {
UserSelectSchema,
} from "./schema";
export const ISSUE_STATUS_MAX_LENGTH = 24;
export { calculateBreakTimeMs, calculateWorkTimeMs, isTimerRunning } from "./utils/time-tracking";