danak/dmail-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

summerize + najva script

Browse Source
This commit is contained in:
hamid zarghami
2025-07-26 12:22:00 +03:30
parent cc744ebac9
commit 28911317cd
11 changed files with 33 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -5,7 +5,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script>var s = document.createElement("script"); s.src = "https://van.najva.com/static/js/main-script.js"; s.defer = !0; s.id = "najva-mini-script"; s.setAttribute("data-najva-id", "7b4774d2-ef79-4341-8632-96556f8b0db5"); document.head.appendChild(s);</script>
<title>DMail | داناک</title> <title>DMail | داناک</title>
</head> </head>
src/assets/images/download.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

src/assets/images/intelligense.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 197 KiB

src/assets/images/intelligense.svg
+5
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 262 KiB

src/components/DefaulModal.tsx
+2 -2
View File
@@ -26,7 +26,7 @@ const DefaulModal: FC<Props> = (props: Props) => {
{ {
props.open && ( props.open && (
<Fragment> <Fragment>
<div style={{ maxWidth: props.width }} className='xl:justify-center xl:items-center items-end flex overflow-x-hidden overflow-y-auto fixed inset-0 z-[60] h-auto top-0 bottom-0 m-auto outline-none focus:outline-none xl:max-w-xl mx-auto'> <div style={{ maxWidth: props.width }} className='xl:justify-center xl:items-center items-end flex overflow-x-hidden overflow-y-auto fixed inset-0 z-[9999999] h-auto top-0 bottom-0 m-auto outline-none focus:outline-none xl:max-w-xl mx-auto'>
<div className='relative xl:h-full max-h-[80%] bottom-0 left-0 flex xl:items-center sm:h-auto w-full xl:my-6 xl:p-2'> <div className='relative xl:h-full max-h-[80%] bottom-0 left-0 flex xl:items-center sm:h-auto w-full xl:my-6 xl:p-2'>
<div className='border-0 h-auto p-5 lg:min-w-full overflow-y-auto rounded-3xl rounded-b-none xl:rounded-b-3xl relative flex flex-col w-full modalGlass2 outline-none focus:outline-none'> <div className='border-0 h-auto p-5 lg:min-w-full overflow-y-auto rounded-3xl rounded-b-none xl:rounded-b-3xl relative flex flex-col w-full modalGlass2 outline-none focus:outline-none'>
@@ -46,7 +46,7 @@ const DefaulModal: FC<Props> = (props: Props) => {
</div> </div>
</div> </div>
<div onClick={props.close} className='fixed size-full bg-black/3 top-0 bottom-0 right-0 inset-0 z-50 '></div> <div onClick={props.close} className='fixed size-full bg-black/65 top-0 bottom-0 right-0 inset-0 z-50 '></div>
</Fragment> </Fragment>
) )
} }
src/components/RowActionsDropdown.tsx
+1 -1
View File
@@ -77,7 +77,7 @@ const RowActionsDropdown: React.FC<RowActionsDropdownProps> = ({ actions, classN
return createPortal( return createPortal(
<div <div
ref={dropdownRef} ref={dropdownRef}
className="fixed py-1 md:py-2 bg-white rounded-xl md:rounded-2xl shadow-lg z-[9999] min-w-[140px] md:min-w-[150px]" className="fixed py-1 md:py-2 bg-white rounded-xl md:rounded-2xl shadow-lg z-[5] min-w-[140px] md:min-w-[150px]"
style={{ style={{
top: `${position.top}px`, top: `${position.top}px`,
left: `${position.left}px`, left: `${position.left}px`,
src/components/Table.tsx
+6 -6
View File
@@ -139,7 +139,7 @@ const Table = <T extends RowDataType>({
> >
{selectable && ( {selectable && (
<div <div
className="flex-shrink-0 relative z-[5]" className="flex-shrink-0 "
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<Checkbox <Checkbox
@@ -149,7 +149,7 @@ const Table = <T extends RowDataType>({
{/* {inlineActions && ( {/* {inlineActions && (
<div <div
className="flex-shrink-0 flex items-center gap-2 relative z-[5]" className="flex-shrink-0 flex items-center gap-2 "
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
{inlineActions(item).map((action, actionIndex) => ( {inlineActions(item).map((action, actionIndex) => (
@@ -190,7 +190,7 @@ const Table = <T extends RowDataType>({
{rowActions && ( {rowActions && (
<div <div
className="flex-shrink-0 relative z-[5]" className="flex-shrink-0 "
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<RowActionsDropdown actions={rowActions(item)} /> <RowActionsDropdown actions={rowActions(item)} />
@@ -236,7 +236,7 @@ const Table = <T extends RowDataType>({
> >
{selectable && ( {selectable && (
<td <td
className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5]" className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 "
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<div className='flex items-center gap-3'> <div className='flex items-center gap-3'>
@@ -276,7 +276,7 @@ const Table = <T extends RowDataType>({
))} ))}
{rowActions && ( {rowActions && (
<td <td
className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5]" className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 "
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<RowActionsDropdown actions={rowActions(item)} /> <RowActionsDropdown actions={rowActions(item)} />
@@ -295,7 +295,7 @@ const Table = <T extends RowDataType>({
<tr> <tr>
{selectable && ( {selectable && (
<th <th
className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5] first:rounded-tr-2xl md:first:rounded-tr-3xl" className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 first:rounded-tr-2xl md:first:rounded-tr-3xl"
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<Checkbox <Checkbox
src/components/newMessage/NewMessage.tsx
+12 -5
View File
@@ -8,6 +8,7 @@ import EmailEditor from './EmailEditor'
import EmailAttachments from './EmailAttachments' import EmailAttachments from './EmailAttachments'
import EmailFormActions from './EmailFormActions' import EmailFormActions from './EmailFormActions'
import { useNewMessage } from './hooks/useNewMessage' import { useNewMessage } from './hooks/useNewMessage'
import Intelligense from '@/assets/images/intelligense.svg'
const NewMessage: FC = () => { const NewMessage: FC = () => {
const { t } = useTranslation('global') const { t } = useTranslation('global')
@@ -124,11 +125,17 @@ const NewMessage: FC = () => {
</div> </div>
</div> </div>
<Input <div className='flex gap-2 items-end'>
label={t('new_message.subject')} <Input
value={subject} label={t('new_message.subject')}
onChange={(e) => setSubject(e.target.value)} value={subject}
/> onChange={(e) => setSubject(e.target.value)}
/>
<div className='border border-border rounded-xl h-10 px-2 flex items-center justify-center'>
<img src={Intelligense} alt='intelligense' className='w-6' />
</div>
</div>
<div> <div>
<EmailEditor <EmailEditor
src/pages/notification/Notification.tsx
+1 -1
View File
@@ -88,7 +88,7 @@ const Notifications: FC = () => {
</div> </div>
{showModal && ( {showModal && (
<div id='notificationsContainer' className="xl:h-[calc(100%-110px)] h-[70%] p-6 z-50 xl:w-[300px] w-full xl:left-7 left-0 xl:top-[90px] top-0 overflow-y-auto xl:rounded-3xl rounded-b-3xl rounded-t-none fixed modalGlass3 "> <div id='notificationsContainer' className="xl:h-[calc(100%-110px)] h-[70%] p-6 z-[300] xl:w-[300px] w-full xl:left-7 left-0 xl:top-[90px] top-0 overflow-y-auto xl:rounded-3xl rounded-b-3xl rounded-t-none fixed modalGlass3 ">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<div>{t('notif.natification')}</div> <div>{t('notif.natification')}</div>
<div className="size-7 rounded-full bg-white/30 flex justify-center items-center"> <div className="size-7 rounded-full bg-white/30 flex justify-center items-center">
src/pages/received/Components/Summerize.tsx
+4 -1
View File
@@ -3,6 +3,7 @@ import { useSummarizeEmail } from '../hooks/useEmailData';
import DefaulModal from '@/components/DefaulModal'; import DefaulModal from '@/components/DefaulModal';
import Button from '@/components/Button'; import Button from '@/components/Button';
import { InboxMessage } from '@/pages/draft/types/DraftTypes'; import { InboxMessage } from '@/pages/draft/types/DraftTypes';
import Intelligense from '@/assets/images/intelligense.svg'
const Summerize: FC<{ id: string, mailbox: string, item: InboxMessage }> = ({ id, mailbox, item }) => { const Summerize: FC<{ id: string, mailbox: string, item: InboxMessage }> = ({ id, mailbox, item }) => {
@@ -26,8 +27,10 @@ const Summerize: FC<{ id: string, mailbox: string, item: InboxMessage }> = ({ id
return ( return (
<div> <div>
<div onClick={handleSummarizeEmail}> <div onClick={handleSummarizeEmail}>
S <img src={Intelligense} alt='summerize' className='w-[18px] z-1 absolute -mt-2 ' />
</div> </div>
<DefaulModal <DefaulModal
open={open} open={open}
close={() => setOpen(false)} close={() => setOpen(false)}
src/shared/Header.tsx
+1 -1
View File
@@ -99,7 +99,7 @@ const Header: FC = () => {
}, []) }, [])
return ( return (
<div className='fixed z-2 right-4 left-4 xl:right-[285px] top-4 xl:h-16 h-12 flex items-center px-6 bg-white justify-between rounded-[32px] xl:w-[calc(100%-305px)]'> <div className='fixed z-50 right-4 left-4 xl:right-[285px] top-4 xl:h-16 h-12 flex items-center px-6 bg-white justify-between rounded-[32px] xl:w-[calc(100%-305px)]'>
{/* Desktop Search */} {/* Desktop Search */}
<div className='min-w-[270px] hidden xl:block relative'> <div className='min-w-[270px] hidden xl:block relative'>
<div id="search-input-container"> <div id="search-input-container">