Commit graph

240 commits

Author SHA1 Message Date
renovate[bot]
a4f984e7d1
fix(deps): update dependency slate-react to v0.95.0 (#3065)
* fix(deps): update dependency slate-react to v0.95.0

* fix: slate requires prop name change

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-06-02 11:44:44 -07:00
Gabe Kangas
6d30de19f6
fix(chat): cleanup of moderator flag check 2023-05-31 16:54:30 -07:00
Gabe Kangas
924223328c
fix(chat): tweak layouts of chat user badges. Closes #3009 2023-05-31 14:53:13 -07:00
Gabe Kangas
71703f2245
fix(chat): fix bot status not showing. Closes #3046 2023-05-31 13:54:03 -07:00
Gabe Kangas
69f217f758
Refactor mobile chat into modal (#3038)
* feat(mobile): refactor mobile chat into modal

- Make page always scrollable
- Move mobile chat into a standalone modal

* fix(test): split out mobile browser test specs

* fix(mobile): force chat button to render on top of footer

* fix: some small updates from review

* fix: hide/show hide chat menu option based on width

* fix: chat button icon getting cut off

* chore(tests): add browser tests for mobile chat modal

* chore(tests): add story for ChatModal component

* fix(test): quiet shellcheck

* fix: remove unused import

* fix(tests): silence storybook linting warning

* fix(ui): reposition chat modal button icon with transform
2023-05-22 18:56:44 -07:00
Gabe Kangas
e50b23d081
Cleanup unused Javascript (#3027)
* chore(js): be stricter about dead code warnings

* chore(js): remove dead code and unused exports

* rebase

* chore: remove unused files

* chore(deps): remove unused prop-types dep

* chore(js): remove unused function

* chore(deps): remove + check unused deps

* chore(js): remove unused exports. Closes #3036
2023-05-20 21:15:25 -07:00
Gabe Kangas
acab4e5c85
fix(ui): hard code the colors of the chat moderation menu button 2023-05-20 14:59:02 -07:00
Gabe Kangas
1f1f48acb0
fix(chat): fix chat input placeholder positioning. Closes #2991 2023-05-18 14:07:11 -07:00
Gabe Kangas
cfdfdf5f49
fix(chat): add slight spacing via margin below bottom chat message 2023-05-08 19:29:00 -07:00
Gabe Kangas
fadb9def83
fix(chat): allow system chat messages to fill width. Closes #2998 2023-05-08 18:49:34 -07:00
Gabe Kangas
722d11307a
feat(ui): add id to scroll to bottom button 2023-05-08 09:44:39 -07:00
Gabe Kangas
a9a2ad5487
fix(chat): tweak auto scrolling on message logic to reduce scroll to bottom button showing 2023-05-07 20:29:29 -07:00
Gabe Kangas
3616717ceb
fix(chat): strip p tags from outgoing chat messages to fix markdown rendering 2023-05-06 16:00:48 -07:00
Gabe Kangas
afa6c8fd23
fix(chat): increase font weight of chat name change messages 2023-05-06 11:01:14 -07:00
Gabe Kangas
6d55c42282
fix(chat): increase font weight of chat join messages 2023-05-06 10:49:00 -07:00
Gabe Kangas
4325c64205
fix(chat): limit image size within a chat message 2023-05-04 21:23:01 -07:00
Nathan
32c3f6a9b6
fix: #2668 Page Vertical Spacing Issues (#2863)
* fix: #2668 Page Vertical Spacing Issues

* Update test to reflect mobile work

* chore: refactor action buttons

---------

Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-04-26 15:31:23 -07:00
gingervitis
44483a45d3
some webv2 UI polish (#2940)
* style tweaks for Action Button, UserMenu, Modal

* a bunch of misc polish; some around chat

* Prettified Code!

* cleanup

* fix formatting

* Reduce content padding a bit

* some stylesheet cleanup

* fix action button sizing

* Remove action button height completely

---------

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-04-24 10:58:57 -07:00
Gabe Kangas
c41742dc86
fix(chat): give social chat messages added spacing 2023-04-15 19:14:06 -07:00
Gabe Kangas
13c32bd6bd
Fixing formatting of PR #2903 2023-04-03 18:44:45 -07:00
Gabe Kangas
d346485f94
Revert "FIX : Chat: words containing one or more dots are turned into links #2898 (#2903)"
This reverts commit 11a3a79032.
2023-04-03 18:28:25 -07:00
gabek
1cd4efaf72 Prettified Code! 2023-04-04 01:04:18 +00:00
Dev Gupta
11a3a79032
FIX : Chat: words containing one or more dots are turned into links #2898 (#2903)
* FIX: Chat: words containing one or more dots are turned into links #2898

Making validateTLD to true and also adding a parameter of customTLDs

* Update ChatUserMessage.tsx

* Prettified Code!

---------

Co-authored-by: dev265545 <dev265545@users.noreply.github.com>
2023-04-03 18:00:21 -07:00
Gabe Kangas
13868e8b6a
Allow dynamic corner radius of badges 2023-03-23 19:11:13 -07:00
Gabe Kangas
7cb5773a97
Add error boundary to ChatModerationDetailsModal. For #2811 2023-03-12 23:11:19 -07:00
Gabe Kangas
4192482a4c
Add error boundary to chat. For #2811 2023-03-12 21:57:04 -07:00
Nathan
17afdb1997
fix: #2755 clicking more details on un-registered chat user throws exception (#2809)
Co-authored-by: thisProjects <wibbet@wobbet.com>
2023-03-12 19:40:39 -07:00
Gabe Kangas
b5cc183a3c
Continue to bump diff threshold so UI tests do not register as changed 2023-03-08 14:49:50 -08:00
Dhanu Saputra
ccd78c3c4d
Chat join message for users with moderator flag is misaligned (#2774) 2023-03-05 15:59:31 -08:00
Gabe Kangas
c4f057eded
Make testing for moderator state centralized in User class 2023-03-03 21:55:02 -08:00
Naz
3629f318e8
removed timers from component in favor of css transition (#2769)
* removed timers from component in favor of css transition

* removed semibold text

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-03-03 15:25:22 -08:00
Gabe Kangas
4a0476b237
Add support for disabled chat state in the chat input field. Closes #2761 2023-03-01 16:22:10 -08:00
Gabe Kangas
ed2dc00345
Remove unused imports 2023-02-26 18:12:44 -08:00
Bennett B Madavana
5e155179ef
Fixed #2734 (#2742)
* Fixed #2734

* Prettified Code!

---------

Co-authored-by: bennett1412 <bennett1412@users.noreply.github.com>
2023-02-26 18:09:24 -08:00
Gabe Kangas
b1cc8c6f12
Increase diffThreshold again for chat text field UI test 2023-02-26 15:44:18 -08:00
Gabe Kangas
d2a3e718e4
Continue to bump the diff threshold 2023-02-21 09:31:57 -08:00
Gabe Kangas
61b78b8f1b
Limit the number of chat messages that can collapse in a row 2023-02-20 12:00:59 -08:00
Gabe Kangas
8f2a345594
Reduce the time we allow message collapsing 2023-02-20 09:39:55 -08:00
Gabe Kangas
534a7dcb67
Remove log 2023-02-19 18:43:17 -08:00
Gabe Kangas
05a06796e2
Break out name change message to own component + fix text color. Closes #2718 2023-02-19 16:20:11 -08:00
Gabe Kangas
12b4452220
Support the HTML tags that are sent for message body. Closes #2717 2023-02-19 15:31:39 -08:00
Gabe Kangas
529a4c7d84
Allow social chat events to fit content. Use text fallback in avatar. Closes #2719 2023-02-19 14:57:44 -08:00
Gabe Kangas
564d058e2e
Improve chat container bottom scrolling handling. Closes #2342 2023-02-18 11:58:52 -08:00
Gabe Kangas
9f735d3c5d
Increase diff threshold for UI test. Hopefully helps #2629 2023-02-12 17:12:03 -08:00
Gabe Kangas
b7e4298e58
Use non-animated image in example so it does not show as changed 2023-02-10 15:35:22 -08:00
Gabe Kangas
313a81359a
Add Fediverse event chat views. Closes #2679 2023-02-05 19:58:38 -08:00
Gabe Kangas
57d8bdbdbe
Use same message highlighting on system messages 2023-02-05 15:46:54 -08:00
Gabe Kangas
1ee71aecaa
Add bot user badge. Closes #2681 2023-02-05 15:37:16 -08:00
Gabe Kangas
e6d3da4f9c
Refactor how message content highlighting works + change to safe HTML rendering component. Closes #2669 2023-02-04 17:21:24 -08:00
Gabe Kangas
de20b2cc11
Increase diff threshold for UI tests: #2292 #2630 #2629 2023-01-30 14:46:34 -08:00
Gabe Kangas
47fbe1547c
Fix incorrect title on user badge. 2023-01-30 11:20:02 -08:00
Gabe Kangas
71bb8a7381
Redesign the user badges (authed, mods) 2023-01-29 15:40:59 -08:00
Gabe Kangas
f318b69980
Make join msg not italic and left align it 2023-01-29 14:01:09 -08:00
Gabe Kangas
84aff441a2
Give text input more padding 2023-01-28 19:26:17 -08:00
Gabe Kangas
7b4c3f38d5
Fix message background rendering on top of message. Closes #2636 2023-01-28 18:32:57 -08:00
Gabe Kangas
bbd3041d90
Add linking to user chat messages. Closes #2635 2023-01-27 12:57:14 -08:00
Gabe Kangas
7c8030cca4
Change system message link color. Closes #2634 2023-01-27 11:50:22 -08:00
Gabe Kangas
18076355f4
Add additional bottom margin to system messages 2023-01-20 16:29:49 -08:00
Gabe Kangas
d6ec47667a
Remove border from moderator message 2023-01-20 16:17:27 -08:00
Gabe Kangas
a567f8543e
Make chat text input background the same color as chat bg 2023-01-18 20:23:50 -08:00
Gabe Kangas
7ba91404cc
Style moderation hover button 2023-01-18 20:23:12 -08:00
Gabe Kangas
a6bcabebbf
Make chat background dark 2023-01-18 19:18:32 -08:00
Gabe Kangas
a1a3272031
Hide scrollbars 2023-01-18 19:18:29 -08:00
Gabe Kangas
15c28b3d6e
Allow moderator message to fill chat width. Closes #2596 2023-01-16 17:53:59 -08:00
Gabe Kangas
49cdb1dafb
Fix chat message background color not showing. Closes #2594 2023-01-16 17:33:50 -08:00
Gabe Kangas
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583 2023-01-15 22:31:36 -08:00
Gabe Kangas
bb9b8a8123
Use own scroll to bottom function instead of built-in. Closes #2500 2023-01-11 00:53:18 -08:00
Gabe Kangas
b989e9a462
Remove chat container bottom margin 2023-01-11 00:52:03 -08:00
Gabe Kangas
7ce35a8a08
Increase user message border width 2023-01-11 00:51:39 -08:00
Gabe Kangas
d8a5380b7f
Fix some React lifecycle and rendering errors that exist in build 2023-01-10 16:39:20 -08:00
Gabe Kangas
cfaeda94b0
Lazy load more components. #2167 2023-01-10 00:37:12 -08:00
Gabe Kangas
bd3c81c353
Replace he html decoding lib with entities 2023-01-10 00:37:10 -08:00
Gabe Kangas
81c505d731
Hack to force scroll to very bottom at mount. For #2500 2023-01-05 02:16:37 -08:00
Jambaldorj Ochirpurev
f8a481ff70
Fix/issue#2441 (#2443)
* fix the rendering issues related to More Info

* update

* update Chat Moderation Details component
2022-12-27 11:57:44 -08:00
Gabe Kangas
fb1aca165f
Give the chat text input surrounding a background color 2022-12-24 15:32:15 -08:00
Gabe Kangas
c871251769
Tweak positioning of emoji picker popover 2022-12-24 15:08:46 -08:00
Gabe Kangas
31f77cf1f0
Tweaks to chat bottom handling for #2342 2022-12-20 00:37:22 -08:00
Gabe Kangas
c597a0de9e
Add accessibility properties to chat text input. Closes #2444 2022-12-19 21:49:11 -08:00
Gabe Kangas
fb7cff54d0
Tweak badge styles 2022-12-15 19:40:26 -08:00
Gabe Kangas
890ebdfff6
Tweak style of scroll to bottom button 2022-12-14 12:54:31 -08:00
Gabe Kangas
e64da8003c
More component selectors for CSS overrides for #2193 2022-12-12 22:54:52 -08:00
Gabe Kangas
8a14173066
Increase the bottom threshold for chat container. Closes #2342 2022-12-01 19:26:16 -08:00
Gabe Kangas
ce1c564797
Add margin under bottom chat message 2022-11-19 12:56:38 -08:00
Gabe Kangas
a75c838ef3
Populate user message tooltip. Closes #2343 2022-11-18 17:08:46 -08:00
Gabe Kangas
d2f65380a1
Fix issue when trying to collapse non-user message 2022-11-13 14:49:49 -08:00
Gabe Kangas
447779b439
Reduce textfield padding 2022-11-13 13:18:17 -08:00
Gabe Kangas
bc6af8251e
Add padding to chat messages 2022-11-13 12:43:15 -08:00
Gabe Kangas
769f05db2c
Allow for custom scrollbar styling 2022-11-13 12:37:31 -08:00
Gabe Kangas
813f8692f0
Support color customization from the admin (#2338)
* Add user-customizable theming. Closes #1915

* Prettified Code!

* Add user-customizable theming. Closes #1915

* Add explicit color for page content background

* Prettified Code!

Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-11-12 20:26:55 -08:00
Gabe Kangas
4cdbcc642d
Tweak Chromatic diffThreshold to reduce false negative tests 2022-11-05 17:27:44 -07:00
Gabe Kangas
352447e3d4
Web UI frontend automated browser tests (#2223)
* First pass at basic browser tests for #1926

* Run tests against dev web server not go server

* Bundle the web code into the server before running tests

* Move cypress UI tests into its own npm project + add tests

* Add additional tests + wire up with cypress dashboard

* Limit concurrency of workflow jobs

* Temporarily comment out some tests that do not pass in mobile. Will fix later.
2022-11-04 20:04:13 -07:00
Matthew Heller
3021dd7795
Always show the 'send chat message' button. Re #2293. (#2298) 2022-11-03 10:36:03 -07:00
Matthew Heller
64b20cf070
Use 16px font size to prevent auto zoom on iOS Safari. Shorten the 'type here' message so it doesn't wrap to a second line when the chat pane becomes a column on the right side of larger screens. Re #2276. (#2294) 2022-11-02 12:34:57 -07:00
Gabe Kangas
2e7787f70b
Force the bundler to build the player as its own file 2022-10-28 12:19:39 -07:00
t1enne
917248fc5b moved footer to layout. changed some css 2022-10-22 10:46:17 +02:00
t1enne
f6e158ab88 reduced font weight of message text 2022-10-22 10:46:17 +02:00
Gabe Kangas
91c7bed0e8
Add action message type to chat. Closes #2226 2022-10-18 19:47:38 -07:00
Matthew Heller
6e54ec7695
Antd updates (#2194)
* Fix antd Modal.visible warning by using updated attribute name 'open'.

* Update more attributes (onVisibleChange => onOpenChange, defaultVisible => defaultOpen) to fix browser console warnings.

* Update ModalProps property from 'visible' to 'open' to match the change in antd.

* Update variable names to match the antd change from 'visible' to 'open'.

* Inline this for the linter.

* One more visible => open reference.
2022-10-10 17:11:29 -07:00
juliana-mol
9f2aa66527
chat story controls (#2181)
* chat story controls

* Prettified Code!

Co-authored-by: juliana-mol <juliana-mol@users.noreply.github.com>
2022-10-09 11:25:48 -07:00
Gabe Kangas
cd3722d9f1
Limit chat input to max characters. Closes #2109 2022-10-08 22:33:50 -07:00