Add the missing transition

ColinToft · ColinToft · commit 39d5672474c5 · 2025-04-18T21:47:50.000-04:00
diff --git a/src/components/dashboard/user_management/EditableRoleCell.tsx b/src/components/dashboard/user_management/EditableRoleCell.tsx
@@ -122,6 +122,7 @@ const EditableRoleCell = ({ role, onRoleChange }: EditableRoleCellProps) => {
             p={2}
             borderRadius="5px"
             width="100px"
+            transition="background-color 0.3s ease-in-out"
           >
             <Text textStyle="cellBody" flexGrow={1}>
               {newRole === 'TEACHER' ? 'Teacher' : 'Admin'}

Original file line number	Diff line number	Diff line change
`@@ -122,6 +122,7 @@ const EditableRoleCell = ({ role, onRoleChange }: EditableRoleCellProps) => {`
`122`	`122`	`p={2}`
`123`	`123`	`borderRadius="5px"`
`124`	`124`	`width="100px"`
	`125`	`+ transition="background-color 0.3s ease-in-out"`
`125`	`126`	`>`
`126`	`127`	`<Text textStyle="cellBody" flexGrow={1}>`
`127`	`128`	`{newRole === 'TEACHER' ? 'Teacher' : 'Admin'}`