Style first autosuggestion button based on the gender of a word typed

[angrezichatterbox]

Contributor checklist

• This pull request is on a separate branch and not the main branch
• I have tested my code with the ./gradlew lintKotlin detekt test command as directed in the testing section of the contributing guide

---

Description

This PR implements Gender | Plural auto suggestion for each word we type. This could be seen while typing a word and the first auto suggest button changes to the gender | PL for plural.

Related issue

• [Annotation] Style first autosuggestion button based on the gender of a word typed #135

[github-actions]

Thank you for the pull request!

The Scribe team will do our best to address your contribution as soon as we can. The following is a checklist for maintainers to make sure this process goes as well as possible. Feel free to address the points below yourself in further commits if you realize that actions are needed :)

If you're not already a member of our public Matrix community, please consider joining! We'd suggest using Element as your Matrix client, and definitely join the General and Android rooms once you're in. Also consider joining our bi-weekly Saturday dev syncs. It'd be great to have you!

Maintainer checklist

• The linting and formatting workflows within the PR checks do not indicate new errors in the files changed

• The CHANGELOG has been updated with a description of the changes for the upcoming release and the corresponding issue (if necessary)

[angrezichatterbox]

I am not sure if the color are similar. It would be helpful If I could get the colors used for iOS. Happy to make changes to make the PR perfect.

[andrewtavis]

Amazing to see this, @angrezichatterbox! 🚀🚀🚀 This was the very first functionality of Scribe-iOS, and it's finally coming to Android 😊

A couple comments here:

• The annotation should only be shown after the user presses space
• We have the underlined annotations that are shown under autocompletions and suggestions as words are being typed, but the actual annotation should only be after space is pressed
• Can we get the annotation to be styled a bit more
  • I think the autosuggestion buttons need a bit more space between them - say each is 95% (edited to 95 from 90) their current width, which will then translate to the annotation button
  • Can we get the corners to be a bit rounded
  • For now we don't need a shadow, but for preposition annotation we will need it, FYI (and eventually for this)
• And here are the colors:
  • annotateRed: Light #9F1722; Dark #FB5F6C
  • annotateBlue: Light #335C99; Dark #339EEB
  • annotatePurple: Light #700589; Dark #AC6DEC
  • annotateGreen: Light #3D7946; Dark #85C26F
  • annotateOrange: Light #F85A39; Dark #FD9F5D
  • Can you name them as the above as well so we're consistent across the apps?

Let me know if there are any questions on the above!

[angrezichatterbox]

Amazing to see this, @angrezichatterbox! 🚀🚀🚀 This was the very first functionality of Scribe-iOS, and it's finally coming to Android 😊

A couple comments here:

• The annotation should only be shown after the user presses space

• We have the underlined annotations that are shown under autocompletions and suggestions as words are being typed, but the actual annotation should only be after space is pressed

• Can we get the annotation to be styled a bit more

  • I think the autosuggestion buttons need a bit more space between them - say each is 95% (edited to 95 from 90) their current width, which will then translate to the annotation button
  • Can we get the corners to be a bit rounded
  • For now we don't need a shadow, but for preposition annotation we will need it, FYI (and eventually for this)

• And here are the colors:

  • annotateRed: Light #9F1722; Dark #FB5F6C
  • annotateBlue: Light #335C99; Dark #339EEB
  • annotatePurple: Light #700589; Dark #AC6DEC
  • annotateGreen: Light #3D7946; Dark #85C26F
  • annotateOrange: Light #F85A39; Dark #FD9F5D
  • Can you name them as the above as well so we're consistent across the apps?

Let me know if there are any questions on the above!

I will make these changes and sent in the updated PR :)

[andrewtavis]

Looking forward, @angrezichatterbox!

[andrewtavis]

Let me know when this is ready for a final review, @angrezichatterbox 😊

[angrezichatterbox]

It is ready for review 😄

[andrewtavis]

Nice! Will check it tonight or tomorrow :)

[andrewtavis]

Really such a pleasure to bring this in, @angrezichatterbox 😊 Thanks so much for your dedication to the project :) :)

Minor changes will likely come in the future like making the characters of the annotations a bit larger than the autosuggestions, but this is all fine tuning that we can get to when we have some more progress and can start checking the Android app in direct comparison to the iOS one. Can't wait!