From 18c0bc71f2cf5ca62876ba3035de4674cbed1b72 Mon Sep 17 00:00:00 2001
From: automated-signal <37887102+automated-signal@users.noreply.github.com>
Date: Wed, 21 Aug 2024 02:54:39 -0500
Subject: [PATCH] Limit call link names to 32 characters

Co-authored-by: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
---
 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;