truncate load history button text

[I-Vishal-Kumar]

Description

Regarding your issue #46 ( [Bug] Fix load & previous chat history text overflow ) Long text's were overflowing the button which makes the UI look bad.

Closes #46

What change does this PR introduce?

The PR includes changes in the files

1. ChatHistoryButton.tsx
2. ChatHistoryButton.css

Please select the relevant option(s).

• [ ✔️] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] Documentation update (changes to docs/code comments)

What is the proposed approach?

The approach I end up with is by not allowing the text to wrap and by making the text overflow to ellipses.

Checklist:

• [✔️ ] The commit message follows our adopted guidelines
• [✔️ ] Testing has been done for the change(s) added (for bug fixes/features)
• [ ✔️

  ] Relevant comments/docs have been added/updated (for bug fixes/features)

[I-Vishal-Kumar]

Hey @I-Vishal-Kumar, thank you for taking up this issue. The approach is alright but there are quite a number of formatting changes from tabs to whitespaces. Could you help standardize all of these to tabs? Thanks!

Shure I will do that.

[I-Vishal-Kumar]

I have fixed the indentation problem please review it again.

[tjtanjin]

Hey @I-Vishal-Kumar! If you view the file changes, the issue is still there 😰 There also seems to be repetition now for the rcb-view-history-button class. Would you like to take a look at it again? Thanks!

[I-Vishal-Kumar]

I have created a new branch "truncate-history-button" with commit Truncate history button #50 this resolves all your concern's

[tjtanjin]

Closed in favor of #50