prehistoric-systems/chatpad
1
0
Fork 1
mirror of https://github.com/deiucanta/chatpad.git synced 2026-03-11 09:04:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style app actions menu

Browse source
This commit is contained in:
BetaHuhn 2023-09-21 15:43:43 +02:00
parent 9f305f3203
commit 7cbc54a831
2 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/MessageItem.tsx
View file

@ -124,12 +124,12 @@ export function MessageItem({ message, readOnly = false, onDeleted, handleUseMes
<Box style={{ display: 'flex' }}>
{spaceAppActions !== null && (
<SelectIntegrationModal contentHtml={html} contentText={message.content}>
<Tooltip label="Send to Space" position="top">
<ActionIcon >
{/* <IconBolt opacity={0.5} size={20} /> */}
<img src="/assets/integrations/deta.png" height={20} style={{ opacity: 0.75 }} />
</ActionIcon>
</Tooltip>
<Tooltip label="Send to Space" position="top">
<ActionIcon >
{/* <IconBolt opacity={0.5} size={20} /> */}
<img src="/assets/integrations/deta.png" height={20} style={{ opacity: 0.75 }} />
</ActionIcon>
</Tooltip>
</SelectIntegrationModal>
)}

14
src/components/SelectIntegrationModal.tsx
View file

@ -32,7 +32,7 @@ export function SelectIntegrationModal({
const spotlightActionsItems = actions.map(action => ({
title: action.title,
description: action.instance_alias,
icon: action.icon_url ? <img width={28} style={{ borderRadius: 5 }} src={action.icon_url} alt={action.title} /> : <IconBolt size={28} />,
icon: action.icon_url ? <img width={30} style={{ borderRadius: 5 }} src={action.icon_url} alt={action.title} /> : <IconBolt size={28} />,
onTrigger: async () => {
try {
if (action) {
@ -122,13 +122,21 @@ export function SelectIntegrationModal({
{open && (
<SpotlightProvider
actions={spotlightActions}
searchIcon={<IconSearch size="1.2rem" />}
searchPlaceholder="Search..."
searchIcon={<img src="/assets/integrations/deta.png" height={28} />}
searchPlaceholder="Search Space App Actions..."
shortcut={null}
nothingFoundMessage="Nothing found..."
onSpotlightOpen={() => setOpen(true)}
onSpotlightClose={() => setOpen(false)}
limit={Infinity}
styles={{
'content': {
border: '4px solid #dbdbdb88'
},
'searchInput': {
'border-bottom': '3px solid #dbdbdb54 !important',
}
}}
>
</SpotlightProvider>
)}