fix: sync icons

2026-04-25 04:05:26 +00:00 · 2025-03-07 05:00:35 +00:00
parent 8363ba0fdb
commit 22be55b7a4
29 changed files with 122 additions and 2 deletions
--- a/packages/nc-mail-assets/icons/Attachment.png
+++ b/packages/nc-mail-assets/icons/Attachment.png
--- a/packages/nc-mail-assets/icons/Checkbox.png
+++ b/packages/nc-mail-assets/icons/Checkbox.png
--- a/packages/nc-mail-assets/icons/Currency.png
+++ b/packages/nc-mail-assets/icons/Currency.png
--- a/packages/nc-mail-assets/icons/Date.png
+++ b/packages/nc-mail-assets/icons/Date.png
--- a/packages/nc-mail-assets/icons/DateTime.png
+++ b/packages/nc-mail-assets/icons/DateTime.png
--- a/packages/nc-mail-assets/icons/Decimal.png
+++ b/packages/nc-mail-assets/icons/Decimal.png
--- a/packages/nc-mail-assets/icons/Duration.png
+++ b/packages/nc-mail-assets/icons/Duration.png
--- a/packages/nc-mail-assets/icons/Email.png
+++ b/packages/nc-mail-assets/icons/Email.png
--- a/packages/nc-mail-assets/icons/GeoData.png
+++ b/packages/nc-mail-assets/icons/GeoData.png
--- a/packages/nc-mail-assets/icons/Geometry.png
+++ b/packages/nc-mail-assets/icons/Geometry.png
--- a/packages/nc-mail-assets/icons/JSON.png
+++ b/packages/nc-mail-assets/icons/JSON.png
--- a/packages/nc-mail-assets/icons/LinkToAnotherRecord.png
+++ b/packages/nc-mail-assets/icons/LinkToAnotherRecord.png
--- a/packages/nc-mail-assets/icons/Links.png
+++ b/packages/nc-mail-assets/icons/Links.png
--- a/packages/nc-mail-assets/icons/LongText.png
+++ b/packages/nc-mail-assets/icons/LongText.png
--- a/packages/nc-mail-assets/icons/MultiSelect.png
+++ b/packages/nc-mail-assets/icons/MultiSelect.png
--- a/packages/nc-mail-assets/icons/Number.png
+++ b/packages/nc-mail-assets/icons/Number.png
--- a/packages/nc-mail-assets/icons/Percent.png
+++ b/packages/nc-mail-assets/icons/Percent.png
--- a/packages/nc-mail-assets/icons/PhoneNumber.png
+++ b/packages/nc-mail-assets/icons/PhoneNumber.png
--- a/packages/nc-mail-assets/icons/Rating.png
+++ b/packages/nc-mail-assets/icons/Rating.png
--- a/packages/nc-mail-assets/icons/SingleLineText.png
+++ b/packages/nc-mail-assets/icons/SingleLineText.png
--- a/packages/nc-mail-assets/icons/SingleSelect.png
+++ b/packages/nc-mail-assets/icons/SingleSelect.png
--- a/packages/nc-mail-assets/icons/SpecificDBType.png
+++ b/packages/nc-mail-assets/icons/SpecificDBType.png
--- a/packages/nc-mail-assets/icons/Time.png
+++ b/packages/nc-mail-assets/icons/Time.png
--- a/packages/nc-mail-assets/icons/URL.png
+++ b/packages/nc-mail-assets/icons/URL.png
--- a/packages/nc-mail-assets/icons/User.png
+++ b/packages/nc-mail-assets/icons/User.png
--- a/packages/nc-mail-assets/icons/Year.png
+++ b/packages/nc-mail-assets/icons/Year.png
--- a/packages/nc-mail-assets/icons/form-view.png
+++ b/packages/nc-mail-assets/icons/form-view.png
--- a/packages/nocodb/src/services/mail/templates/components/ContentWrapper.tsx
+++ b/packages/nocodb/src/services/mail/templates/components/ContentWrapper.tsx
@@ -2,7 +2,13 @@ import { Container, Img, Section } from '@react-email/components';
 import * as React from 'react';
 import { NC_EMAIL_ASSETS_BASE_URL } from '~/constants';

-export const ContentWrapper = ({ children }: { children: React.ReactNode }) => {
+export const ContentWrapper = ({
+  children,
+  disableContainerPadding,
+}: {
+  children: React.ReactNode;
+  disableContainerPadding?: boolean;
+}) => {
  return (
    <Container className="px-3 my-16 max-w-[480px]">
      <Section className="py-6 m-auto bg-gray-50 border border-gray-200 border-solid rounded-t-xl">
@@ -14,7 +20,11 @@ export const ContentWrapper = ({ children }: { children: React.ReactNode }) => {
          height={40}
        />
      </Section>
-      <Section className="p-6 border border-gray-200 border-solid border-t-0 rounded-b-xl bg-white">
+      <Section
+        className={`border border-gray-200 border-solid border-t-0 rounded-b-xl bg-white ${
+          disableContainerPadding ? 'p-0' : 'p-6'
+        }`}
+      >
        {children}
      </Section>
    </Container>
--- a/packages/nocodb/src/services/mail/templates/form-submission.tsx
+++ b/packages/nocodb/src/services/mail/templates/form-submission.tsx
@@ -0,0 +1,110 @@
+import {
+  Body,
+  Button,
+  Column,
+  Head,
+  Heading,
+  Hr,
+  Html,
+  Img,
+  Preview,
+  Row,
+  Section,
+  Text,
+} from '@react-email/components';
+import * as React from 'react';
+import {
+  ContentWrapper,
+  Footer,
+  RootWrapper,
+} from '~/services/mail/templates/components';
+import { NC_EMAIL_ASSETS_BASE_URL } from '~/constants';
+
+interface FormSubmissionTemplateProps {
+  formTitle: string;
+  tableTitle: string;
+  baseTitle: string;
+}
+
+const FormSubmission = ({
+  formTitle,
+  baseTitle,
+  tableTitle,
+}: FormSubmissionTemplateProps) => (
+  <Html>
+    <RootWrapper>
+      <Head />
+      <Preview>You have a new response!</Preview>
+      <Body className="bg-white">
+        <ContentWrapper disableContainerPadding>
+          <Section className="p-6 mx-auto">
+            <Heading className="text-gray-900 text-center font-bold m-auto text-xl md:text-2xl">
+              You have a new response!
+            </Heading>
+
+            <Section
+              align="center"
+              className="my-6"
+              style={{ textAlign: 'center', lineHeight: '28px' }}
+            >
+              <table
+                cellpadding="0"
+                cellspacing="0"
+                style={{ display: 'inline-block', verticalAlign: 'middle' }}
+              >
+                <tr>
+                  <td style={{ paddingRight: '8px', verticalAlign: 'middle' }}>
+                    <Img
+                      src={`${NC_EMAIL_ASSETS_BASE_URL}/icons/form-view.png`}
+                      alt="Form View Icon"
+                      height={28}
+                      width={28}
+                      className="!h-6 inline-block"
+                      style={{ verticalAlign: 'middle' }}
+                    />
+                  </td>
+                  <td style={{ verticalAlign: 'middle' }}>
+                    <span
+                      className="text-base font-bold text-gray-900"
+                      style={{
+                        verticalAlign: 'middle',
+                        display: 'inline-block',
+                        lineHeight: '28px',
+                      }}
+                    >
+                      {formTitle}
+                    </span>
+                  </td>
+                </tr>
+              </table>
+            </Section>
+
+            <Text className="text-center font-weight-thin text-gray-600 !my-0">
+              Someone has responded to your form, a record has been added to
+              <span className="font-bold text-gray-800"> {tableTitle} </span>
+              in
+              <span className="font-bold text-gray-800"> {baseTitle}</span>.
+            </Text>
+          </Section>
+
+          <Hr />
+
+          <Section className="p-6 mx-auto">
+            <Text className="text-lg font-bold text-center !mt-0 !mb-6">
+              Here is a copy of the response
+            </Text>
+          </Section>
+        </ContentWrapper>
+        <Footer />
+      </Body>
+    </RootWrapper>
+  </Html>
+);
+
+FormSubmission.PreviewProps = {
+  formTitle: 'Form Name',
+  tableTitle: 'Table Name',
+  baseTitle: 'Base Name',
+};
+
+export default FormSubmission;