From 99f91b5f5487bdf74a3a3c4bb85ae7f6a95c7ec3 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Mon, 19 Aug 2024 15:15:38 -0700
Subject: [PATCH] Limit call link names to 32 characters

---
 ts/components/CallLinkAddNameModal.tsx | 2 ++
 ts/types/CallLink.ts                   | 1 +
 2 files changed, 3 insertions(+)

diff --git a/ts/components/CallLinkAddNameModal.tsx b/ts/components/CallLinkAddNameModal.tsx
index f983c72736..fb243ab29e 100644
--- a/ts/components/CallLinkAddNameModal.tsx
+++ b/ts/components/CallLinkAddNameModal.tsx
@@ -9,6 +9,7 @@ import { Avatar, AvatarSize } from './Avatar';
 import { Input } from './Input';
 import {
   CallLinkNameMaxByteLength,
+  CallLinkNameMaxLength,
   type CallLinkType,
 } from '../types/CallLink';
 import { getColorForCallLink } from '../util/getColorForCallLink';
@@ -113,6 +114,7 @@ export function CallLinkAddNameModal({
           onChange={handleNameInputChange}
           moduleClassName="CallLinkAddNameModal__Input"
           maxByteCount={CallLinkNameMaxByteLength}
+          maxLengthCount={CallLinkNameMaxLength}
         />
       </form>
     </Modal>
diff --git a/ts/types/CallLink.ts b/ts/types/CallLink.ts
index 2822ea5b1a..12a2f98b76 100644
--- a/ts/types/CallLink.ts
+++ b/ts/types/CallLink.ts
@@ -21,6 +21,7 @@ export type CallLinkUpdateData = Readonly<{
  */
 
 export const CallLinkNameMaxByteLength = 120;
+export const CallLinkNameMaxLength = 32;
 
 export const callLinkNameSchema = z.string().refine(input => {
   return byteLength(input) <= 120;