apptension / saas-boilerplate

SaaS Boilerplate - Open Source and free SaaS stack that lets you build SaaS products faster in React, Django and AWS. Focus on essential business logic instead of coding repeatable features!
https://apptension.com/saas-boilerplate
MIT License
2.18k stars 254 forks source link

Logo is missing in emails #353

Closed mkleszcz closed 1 year ago

mkleszcz commented 1 year ago

Describe the bug

When user receives an email, it doesn't contain the logo image

image

Steps to reproduce

  1. Send an email (it might be the reset password for example)
  2. Receive the email
  3. Observe that the logo is missing

System Info

System:
    OS: macOS 13.4.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 244.75 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.4.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.12.1 - /usr/local/bin/npm
    pnpm: 8.6.1 - /usr/local/bin/pnpm
    Watchman: 2022.12.12.00 - /usr/local/bin/watchman
  Browsers:
    Chrome: 115.0.5790.114
    Safari: 16.5.2
  npmPackages:
    @apollo/client: ^3.7.9 => 3.7.9 
    @apollo/rover: ^0.12.2 => 0.12.2 
    @babel/preset-react: ^7.14.5 => 7.18.6 
    @graphql-typed-document-node/core: ^3.2.0 => 3.2.0 
    @nx/devkit: 16.3.2 => 16.3.2 
    @nx/eslint-plugin: 16.3.2 => 16.3.2 
    @nx/jest: 16.3.2 => 16.3.2 
    @nx/js: 16.3.2 => 16.3.2 
    @nx/linter: 16.3.2 => 16.3.2 
    @nx/node: 16.3.2 => 16.3.2 
    @nx/plugin: 16.3.2 => 16.3.2 
    @nx/react: 16.3.2 => 16.3.2 
    @nx/web: 16.3.2 => 16.3.2 
    @pmmmwh/react-refresh-webpack-plugin: ^0.5.7 => 0.5.10 
    @sb/core: * => 2.0.2 
    @svgr/webpack: ^6.1.2 => 6.5.1 
    @swc-node/register: ^1.4.2 => 1.5.5 
    @swc/cli: 0.1.62 => 0.1.62 
    @swc/core: ^1.2.173 => 1.3.27 
    @swc/helpers: 0.5.1 => 0.5.1 
    @tailwindcss/typography: ^0.5.9 => 0.5.9 
    @testing-library/react: 14.0.0 => 14.0.0 
    @types/gtag.js: ^0.0.12 => 0.0.12 
    @types/jest: 29.4.4 => 29.4.4 
    @types/node: 18.14.2 => 18.14.2 
    @types/react: 18.0.28 => 18.0.28 
    @types/react-dom: 18.0.11 => 18.0.11 
    @types/react-is: 17.0.3 => 17.0.3 
    @types/react-router-dom: 5.3.3 => 5.3.3 
    @types/styled-components: 5.1.26 => 5.1.26 
    @typescript-eslint/eslint-plugin: 5.59.9 => 5.59.9 
    @typescript-eslint/parser: 5.59.9 => 5.59.9 
    babel-jest: 29.4.3 => 29.4.3 
    babel-plugin-relay: ^14.1.0 => 14.1.0 
    babel-plugin-styled-components: 1.10.7 => 1.10.7 
    env-cmd: ^10.1.0 => 10.1.0 
    eslint: ^8.34.0 => 8.34.0 
    eslint-config-prettier: ^8.5.0 => 8.6.0 
    eslint-import-resolver-typescript: ^3.5.3 => 3.5.3 
    eslint-plugin-cypress: ^2.10.3 => 2.12.1 
    eslint-plugin-import: 2.27.5 => 2.27.5 
    eslint-plugin-jsx-a11y: 6.7.1 => 6.7.1 
    eslint-plugin-react: 7.32.2 => 7.32.2 
    eslint-plugin-react-hooks: 4.6.0 => 4.6.0 
    graphql: ^16.6.0 => 16.6.0 
    husky: ^8.0.0 => 8.0.3 
    jest: 29.4.3 => 29.4.3 
    jest-environment-jsdom: 29.4.3 => 29.4.3 
    jsonc-eslint-parser: ^2.1.0 => 2.1.0 
    lint-staged: ^10.5.4 => 10.5.4 
    nx: 16.3.2 => 16.3.2 
    nx-cloud: 16.0.5 => 16.0.5 
    prettier: ^2.6.2 => 2.8.3 
    react: 18.2.0 => 18.2.0 
    react-dom: 18.2.0 => 18.2.0 
    react-is: 18.2.0 => 18.2.0 
    react-refresh: ^0.10.0 => 0.10.0 
    react-router-dom: 6.11.2 => 6.11.2 
    styled-components: 5.3.6 => 5.3.6 
    tailwindcss: ^3.3.2 => 3.3.2 
    tailwindcss-animate: ^1.0.5 => 1.0.5 
    ts-jest: 29.1.0 => 29.1.0 
    ts-node: 10.9.1 => 10.9.1 
    tsconfig-paths: ^4.1.2 => 4.1.2 
    tslib: ^2.3.0 => 2.4.1 
    typescript: 5.0.4 => 5.0.4 
    url-loader: ^4.1.1 => 4.1.1

Logs

No response

Validations

mkleszcz commented 1 year ago

It looks like there is a wrong VITE_EMAIL_ASSETS_URL env variable set on AWS

mkleszcz commented 1 year ago

Also there is an issue with the Gmail and .svg files. Will change this asset to .png