Skip to content

Commit 098e5bd

Browse files
mohamadch91mohamadch91
committed
fix: call.com modal issue
1 parent 8c8ce7d commit 098e5bd

File tree

3 files changed

+72
-115
lines changed

3 files changed

+72
-115
lines changed

‎services/webui/src/components/AIComponents/Agents/index.tsx‎

Lines changed: 69 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -7,119 +7,76 @@ import Tooltip from '../Tooltip';
77
import { Button, Modal } from '@cloudscape-design/components'
88
import Cal, { getCalApi } from '@calcom/embed-react'
99
import { Flex } from '@tremor/react'
10-
function Agents() {
11-
const [open,setOpen] = useState(false)
12-
const [openCal, setOpenCal] = useState(false)
13-
14-
const [agents, setAgents] = useState<Agent[]>([
15-
{
16-
name: 'Identity & Access',
17-
description:
18-
'Delivers information on user identities, access controls, and activity.',
19-
welcome_message:
20-
'Hi there! This is your Identity & Access Agent. I can help you with anything related to identity management and access tools. What can I assist you with today? For example, you can ask me things like:',
21-
sample_questions: [
22-
'Get me the list of users who have access to Azure Subscriptions.',
23-
'Get me all SPNs with expired passwords.',
24-
'Show me the access activity for user John Doe.',
25-
],
26-
id: 'identity_access',
27-
enabled: true,
28-
is_available: true,
29-
},
30-
{
31-
name: 'DevOps',
32-
description:
33-
'Provides data on secure code, deployment, and automation workflows.',
34-
welcome_message:
35-
'Hello! This is your DevOps Agent. I can provide insights into secure code, deployment, and automation workflows. How can I assist you today? For instance, you could ask me:',
36-
sample_questions: [
37-
'What are the latest secure code scan results?',
38-
'Show me the deployment status for the production environment.',
39-
'Provide a report on automated workflow execution times.',
40-
],
41-
id: 'devops',
42-
enabled: true,
43-
is_available: true,
44-
},
45-
46-
])
47-
const selected_agent = {
48-
id: 'identity_access',
49-
}
50-
const navigate = useNavigate()
10+
function Agents({ setOpen }: any) {
11+
const [agents, setAgents] = useState<Agent[]>([
12+
{
13+
name: 'Identity & Access',
14+
description:
15+
'Delivers information on user identities, access controls, and activity.',
16+
welcome_message:
17+
'Hi there! This is your Identity & Access Agent. I can help you with anything related to identity management and access tools. What can I assist you with today? For example, you can ask me things like:',
18+
sample_questions: [
19+
'Get me the list of users who have access to Azure Subscriptions.',
20+
'Get me all SPNs with expired passwords.',
21+
'Show me the access activity for user John Doe.',
22+
],
23+
id: 'identity_access',
24+
enabled: true,
25+
is_available: true,
26+
},
27+
{
28+
name: 'DevOps',
29+
description:
30+
'Provides data on secure code, deployment, and automation workflows.',
31+
welcome_message:
32+
'Hello! This is your DevOps Agent. I can provide insights into secure code, deployment, and automation workflows. How can I assist you today? For instance, you could ask me:',
33+
sample_questions: [
34+
'What are the latest secure code scan results?',
35+
'Show me the deployment status for the production environment.',
36+
'Provide a report on automated workflow execution times.',
37+
],
38+
id: 'devops',
39+
enabled: true,
40+
is_available: true,
41+
},
42+
])
43+
const selected_agent = {
44+
id: 'identity_access',
45+
}
46+
const navigate = useNavigate()
5147

52-
53-
54-
return (
55-
<>
56-
<div className=" bg-slate-200 dark:bg-gray-950 h-full w-full max-w-sm justify-start items-start max-h-[90vh] flex flex-col gap-2 ">
57-
<div
58-
id="k-agent-bar"
59-
className="flex flex-col gap-2 max-h-[90vh] overflow-y-scroll mt-2 "
60-
>
61-
{agents?.map((agent) => {
62-
return (
63-
<div
64-
key={agent.id}
65-
onClick={() => {
66-
setOpen(true)
67-
}}
68-
className={`rounded-sm flex flex-col justify-start items-start gap-2 hover:dark:bg-gray-700 hover:bg-gray-400 cursor-pointer p-2 ${
69-
selected_agent?.id == agent.id &&
70-
' bg-slate-400 dark:bg-slate-800'
71-
}`}
72-
>
73-
<span className="text-base text-slate-950 dark:text-slate-200">
74-
{agent.name}
75-
</span>
76-
<span className="text-sm text-slate-500 dark:text-slate-400">
77-
{agent.description}
78-
</span>
79-
</div>
80-
)
81-
})}
82-
</div>
83-
</div>
84-
<Modal
85-
size="medium"
86-
visible={open}
87-
onDismiss={() => setOpen(false)}
88-
header="Not available"
89-
>
90-
<Flex className="flex-col gap-2">
91-
<span>
92-
{' '}
93-
This feature is only available on commercial version.
94-
</span>
95-
<Button
96-
onClick={() => {
97-
setOpenCal(true)
98-
}}
99-
>
100-
Contact us
101-
</Button>
102-
</Flex>
103-
</Modal>
104-
<Modal
105-
size="large"
106-
visible={openCal}
107-
onDismiss={() => setOpenCal(false)}
108-
header="Not available"
109-
>
110-
<Cal
111-
namespace="try-enterprise"
112-
calLink="team/clearcompass/try-enterprise"
113-
style={{
114-
width: '100%',
115-
height: '100%',
116-
overflow: 'scroll',
117-
}}
118-
config={{ layout: 'month_view' }}
119-
/>
120-
</Modal>
121-
</>
122-
)
48+
return (
49+
<>
50+
<div className=" bg-slate-200 dark:bg-gray-950 h-full w-full max-w-sm justify-start items-start max-h-[90vh] flex flex-col gap-2 ">
51+
<div
52+
id="k-agent-bar"
53+
className="flex flex-col gap-2 max-h-[90vh] overflow-y-scroll mt-2 "
54+
>
55+
{agents?.map((agent) => {
56+
return (
57+
<div
58+
key={agent.id}
59+
onClick={() => {
60+
setOpen(true)
61+
}}
62+
className={`rounded-sm flex flex-col justify-start items-start gap-2 hover:dark:bg-gray-700 hover:bg-gray-400 cursor-pointer p-2 ${
63+
selected_agent?.id == agent.id &&
64+
' bg-slate-400 dark:bg-slate-800'
65+
}`}
66+
>
67+
<span className="text-base text-slate-950 dark:text-slate-200">
68+
{agent.name}
69+
</span>
70+
<span className="text-sm text-slate-500 dark:text-slate-400">
71+
{agent.description}
72+
</span>
73+
</div>
74+
)
75+
})}
76+
</div>
77+
</div>
78+
</>
79+
)
12380
}
12481

12582
export default Agents;

‎services/webui/src/pages/AI/chat/AIChat.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import KChatCard from '../../../components/AIComponents/ChatCard';
66
import KResponseCard from '../../../components/AIComponents/ResponseCard';
77
import KInput from '../../../components/AIComponents/Input'
88

9-
function AIChat() {
9+
function AIChat({setOpen}:any) {
1010
const [message, setMessage] = useState('')
1111

1212

‎services/webui/src/pages/AI/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ export default function AI() {
5555
</>
5656
)}
5757
</div>
58-
{isOpen && <Agents />}
58+
{isOpen && <Agents setOpen={setOpen} />}
5959
</div>
6060
)}
6161
<div
@@ -64,7 +64,7 @@ export default function AI() {
6464
`${isOpen ? 'col-span-8' : 'col-span-10'}`
6565
} `}
6666
>
67-
<AIChat />
67+
<AIChat setOpen={setOpen} />
6868
</div>
6969
</div>
7070
</div>

0 commit comments

Comments
 (0)