components ProtectedRoleNotice.tsx

100% Statements 5/5

100% Branches 0/0

100% Functions 1/1

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 1x
 
 
 
 
1x
9x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x import React from 'react'
 
/**
 * Simple notice component to display when editing a protected role
 */
export const ProtectedRoleNotice: React.FC = () => {
  return (
    <div
      style={{
        backgroundColor: '#fff7ed',
        border: '1px solid #fed7aa',
        borderRadius: '0.375rem',
        padding: '12px 16px',
        marginBottom: '20px',
        color: '#9a3412',
        display: 'flex',
        alignItems: 'flex-start',
        gap: '8px',
      }}
    >
      <span style={{ fontSize: '18px', lineHeight: '1' }}>🔒</span>
      <div>
        <strong>Protected System Role</strong>
        <p style={{ margin: '4px 0 0 0', fontSize: '14px', opacity: 0.9 }}>
          This is a protected system role that is essential for the application&apos;s operation. 
          You can customize its description and permissions to meet your needs.
        </p>
      </div>
    </div>
  )
}
 
export default ProtectedRoleNotice