rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Truncate control name in sidebar

Browse Source 
Signed-off-by: Émile Ré <nemile.re@gmail.com>
This commit is contained in:
Émile Ré
2025-03-28 18:03:02 +04:00
parent b9e2c9e051
commit 0fcffdfc99
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/console/src/pages/organizations/frameworks/FrameworkView/ControlList.tsx
View File

@@ -3,6 +3,8 @@ import { ControlList_List$key } from "./__generated__/ControlList_List.graphql";
import { NavLink, useParams } from "react-router"; import { NavLink, useParams } from "react-router";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
const maxControlNameLength = 80;
export const controlListFragment = graphql` export const controlListFragment = graphql`
fragment ControlList_List on Framework { fragment ControlList_List on Framework {
controls(first: 100, orderBy: { field: CREATED_AT, direction: ASC }) controls(first: 100, orderBy: { field: CREATED_AT, direction: ASC })
@@ -68,7 +70,9 @@ export function ControlList(props: ControlListProps) {
isActive && "font-medium" isActive && "font-medium"
)} )}
> >
{control.name} {control.name.length > maxControlNameLength
? `${control.name.slice(0, maxControlNameLength - 2)}…`
: control.name}
</div> </div>
</> </>
); );