fix(rediger): save settings on combined tile (#1865)

* fix(rediger): save settings on combined tile

* chore(): delete compress survey

Author: emilielr

tavla/app/(admin)/tavler/[id]/rediger/components/CompressSurvey/index.tsx

@@ -65,15 +65,7 @@ export async function saveTile(bid: TBoardID, tile: TTile) {
             })
         const indexExistingTile = board.tiles.indexOf(existingTile)
 
-        if (tile.displayName) {
-            board.tiles[indexExistingTile] = {
-                ...tile,
-                displayName: tile.displayName.substring(0, 50),
-            }
-        } else {
-            board.tiles[indexExistingTile] = tile
-        }
-
+        board.tiles[indexExistingTile] = tile
         boardRef.update({ tiles: board.tiles, 'meta.dateModified': Date.now() })
 
         revalidatePath(`/tavler/${bid}/rediger`)

tavla/app/(admin)/tavler/[id]/rediger/components/TileCard/actions.ts

@@ -93,6 +93,7 @@ function TileCard({
         useState(walkingDistanceInMinutes === tile.offset)
 
     const [offset, setOffset] = useState(tile.offset ?? '')
+    const [displayName, setDisplayName] = useState(tile.displayName ?? '')
 
     const submit = async (
         prevState: TFormFeedback | undefined,
@@ -106,9 +107,11 @@ function TileCard({
         data.delete('offset')
         const displayName = data.get('displayName') as string
         data.delete('displayName')
+
         if (isOnlyWhiteSpace(displayName)) {
             return getFormFeedbackForError('board/tiles-name-missing')
         }
+
         let lines: string[] = []
         for (const line of data.values()) {
             lines.push(line as string)
@@ -142,6 +145,7 @@ function TileCard({
         reset()
     }
     const [state, action] = useActionState(submit, undefined)
+
     useEffect(() => {
         if (!address) {
             setOffsetBasedOnWalkingDistance(false)
@@ -301,9 +305,14 @@ function TileCard({
                                 label="Navn på stoppested"
                                 className="!w-full md:!w-1/2 lg:!w-1/4"
                                 name="displayName"
-                                defaultValue={tile.displayName}
-                                disabled={isCombined}
+                                value={displayName}
+                                readOnly={isCombined}
                                 maxLength={50}
+                                clearable={!isCombined}
+                                onClear={() => {
+                                    setDisplayName('')
+                                }}
+                                onChange={(e) => setDisplayName(e.target.value)}
                                 {...getFormFeedbackForField('name', state)}
                             />
                         </div>

tavla/app/(admin)/tavler/[id]/rediger/components/TileCard/index.tsx

@@ -27,7 +27,7 @@
         "@entur/chip": "0.7.23",
         "@entur/dropdown": "6.0.13",
         "@entur/expand": "^3.6.0",
-        "@entur/form": "8.1.5",
+        "@entur/form": "8.2.4",
         "@entur/icons": "7.7.0",
         "@entur/layout": "2.3.18",
         "@entur/loader": "0.5.12",