Git Product home page Git Product logo

email's People

Contributors

neelesh17 avatar saiorama avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

email's Issues

Getting "quota has been exceeded" error on Firefox

Repro steps:

  1. Log in to moogle.cc/email/
  2. Check developer console
    Expected: emails should appear in inbox
    Actual: No emails are shown and a message appears in developer console that "Quota has been exceeded"

Test setup: FF 87 on desktop with factory defaults. Same error happens even after clearing cache or in Incognito/Private mode.

Potential fix is to migrate to IndexedDB as explained here @ https://stackoverflow.com/questions/58604583/quotaexceedederror-the-quota-has-been-exceeded-progressive-web-app-offline-mo

Emails

  • Make the logo of MOOGLE smaller.
  • Make the ellipse which contains the number of mails smaller.
  • Make the shadow of nav bar lighter.
  • Make the shadow lighter of the div on which the mail is displayed
  • Make the heading of the particular mail Bold
  • Date should be of #3F3F3F color
  • Make icons of comment, reply and link smaller
  • When a mail is selected it should be highlighted with shadow of #000000 color with blur 16 and border radius 11

FROM email is incorrectly set to the user's Cognito email id

  1. Ask Affan to reply-all to an email
  2. Ask him what he sees in the FROM email

Expected: it should say [email protected]
Actual: it will show Affan's Gmail id because that is what he used to sign up on Cognito.

Resolution:

  1. If the id_token contains a field called cognito:username, use that as the email id. So the FROM email will be value_of_cognito:username@domain.tld
  2. If id_token only contains email, split the email on @ and use the first part as the email id. So the FROM email will be `[email protected]

Show email metadata

Right now, we can't see

  1. when the email was received
  2. which Moogle email ID received the email
  3. who else was copied on the email

At a minimum we should show this information.

In addition, we should also consider showing email size and an icon for attachments

Refresh the list of emails in the background

  1. Refresh should run every five minutes
  2. User must be notified of a new email on server using a dismissable UI element like a Toast. The Toast should stay until the user dismisses it.
  3. The user should be asked to reload the email list.

Blog

Change the colour of post excerpt to #3F3F3F in the right panel.

There should be space in the underline of the word BLOG in the nav bar.

FROM email always says @moogle.cc on any domain

The FROM email is hardcoded fo @moogle.cc regardless of the domain on which the emails are being read.

The senders email domain should be the same as the domain on which the emails are being read.

Icons

The circle which contains number of emails should be smaller circles.
The bar which comes when a particular email is selected should have lighter shadow and less border radius.
Change the icons of reply, comment and link and make them even smaller and give proper spacing between the icons.

Design and UX upgrades to email screen

  1. Add a separator between spam and the rest of the buckets
  2. Show count of emails in each bucket
  3. Show read/unread state of emails
  4. Sort buckets alphabetically
  5. Include an All bucket containing all emails from all buckets
  6. Add grey background to the comments section to distinguish it from the rest of the email

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.