NT-2044: UI – Handle long translations for fail to post error message

[sunday-okpoluaefe]

📲 What

UI – Handle long translations for fail to post error message.

🤔 Why

• To make sure error message can spread across two lines

• Icon should be aligned with the first line

🛠 How

• Created separate views to hold icon and message
• Created view group to hold visibility
• Added group click listeners to icon and mesage

👀 See

| Before 🐛 |

|After 🦋 |

📋 QA

• Change device language to Spanish/Argentinean
• Select any backed project
• Go to comments
• Disable network connection
• Post a comment

Story 📖

https://kickstarter.atlassian.net/browse/NT-2044

[codecov]

Codecov Report

Merging #1289 (1c549ec) into master (a5648a9) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             master    #1289   +/-   ##
=========================================
  Coverage     74.34%   74.34%           
  Complexity      739      739           
=========================================
  Files           221      221           
  Lines          6646     6646           
  Branches        405      405           
=========================================
  Hits           4941     4941           
  Misses         1569     1569           
  Partials        136      136           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a5648a9...1c549ec. Read the comment docs.

[Arkariang]

lgtm!