Make footer random

This should prevent clients like gmail from collapsing the emails, in cases where they seem similar
flathub-infra · Sep 30, 2024 · 62061f7 · 62061f7
1 parent 28a23ea
commit 62061f7
Showing 1 changed file with 30 additions and 28 deletions.
diff --git a/backend-node/emails/base.tsx b/backend-node/emails/base.tsx
@@ -85,36 +85,38 @@ export const Base = ({
             {children}
             <Hr />
 
-            <Text className="text-black text-[14px] leading-[24px]">
-              {footerMode === "developer_invite" && (
-                <Text>
-                  You are receiving this email because someone has invited you
-                  to become a developer of the app{" "}
-                  <Link href={`https://flathub.org/apps/${appId}`}>
-                    {appNameAndId}
-                  </Link>{" "}
-                  on Flathub.
-                </Text>
-              )}
+            <Container className={`${Math.random()}`}>
+              <Text className="text-black text-[14px] leading-[24px]">
+                {footerMode === "developer_invite" && (
+                  <Text>
+                    You are receiving this email because someone has invited you
+                    to become a developer of the app{" "}
+                    <Link href={`https://flathub.org/apps/${appId}`}>
+                      {appNameAndId}
+                    </Link>{" "}
+                    on Flathub.
+                  </Text>
+                )}
 
-              {footerMode === "developer_app" && (
-                <Text>
-                  You are receiving this email because you are a maintainer of
-                  the app{" "}
-                  <Link href={`https://flathub.org/apps/${appId}`}>
-                    {appNameAndId}
-                  </Link>{" "}
-                  on Flathub.
-                </Text>
-              )}
+                {footerMode === "developer_app" && (
+                  <Text>
+                    You are receiving this email because you are a maintainer of
+                    the app{" "}
+                    <Link href={`https://flathub.org/apps/${appId}`}>
+                      {appNameAndId}
+                    </Link>{" "}
+                    on Flathub.
+                  </Text>
+                )}
 
-              {footerMode === "default" && (
-                <Text>
-                  You are receiving this email because you have an account on
-                  Flathub.
-                </Text>
-              )}
-            </Text>
+                {footerMode === "default" && (
+                  <Text>
+                    You are receiving this email because you have an account on
+                    Flathub.
+                  </Text>
+                )}
+              </Text>
+            </Container>
           </Container>
         </Body>
       </Tailwind>