NT-1955: UI – Comment Card with threads

[sunday-okpoluaefe]

📲 What

UI – Comment Card with threads

🤔 Why

• In order to support threads we need to add the missing controls to our Comment
• Also, we need to support yet another variation of the Comment Card design, to display replies

🛠 How

• Added padding end and margin guidelines to threadactivitylayout

<androidx.constraintlayout.widget.Guideline
            android:id="@+id/left_guideline"
            app:layout_constraintGuide_begin="@dimen/grid_5"
            android:orientation="vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>


        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/comment_replies_recycler_view"
            app:layout_constraintStart_toEndOf="@id/left_guideline"
            android:layout_width="0dp"
            android:paddingEnd="@dimen/grid_3"
            android:layout_height="wrap_content"
            android:background="@color/kds_white"
            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
            app:layout_constraintTop_toBottomOf="@id/comments_card_view"
            tools:layout_editor_absoluteX="0dp"
            tools:listitem="@layout/comment_card" />

👀 See

Before 🐛	After 🦋

📋 QA

• Select any project. Go to comments. You should see the updated comment card
• Click View replies button. You should be taken to the threads screen

Story 📖

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

[codecov]

Codecov Report

Merging #1267 (4718472) into master (1b95824) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             master    #1267   +/-   ##
=========================================
  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 1b95824...4718472. Read the comment docs.

[Arkariang]

• The reply button works like a charm
  
• But for the Replies UI I do strongly think no need to have a new component please @sunday-okpoluaefe let me know if there is any concern around it or if I'm missing some context here

[Arkariang]

Nice touch!

[Arkariang]

Great work @sunday-okpoluaefe !