Commit Graph

380 Commits

Author SHA1 Message Date
Pavel Prichodko e4ba6250e0
feat(system): add more dialog sizes 2022-04-06 10:38:34 +02:00
Pavel Prichodko 2dbc20f7a8
feat(system): add ref to popover and tooltip triggers 2022-04-06 10:37:53 +02:00
Pavel Prichodko 12b0e9d715
feat(system): add small size button variant 2022-04-06 10:35:10 +02:00
Pavel Prichodko 4c0800e5ef
feat(system): add outline button variant 2022-04-06 10:34:35 +02:00
Pavel Prichodko b23e4b4611
feat(react): focus chat input when replying 2022-04-06 10:33:58 +02:00
Pavel Prichodko 3f312c7e4f
feat(react): add components config options 2022-03-31 16:05:59 +02:00
Pavel 18586bd9e1
Use react-router-dom for routing (#246)
* feat(react): move chat and new-chat to routes

* feat(react): setup react router

* feat(react): use links in sidebar

* feat(react): add link to IconButton component

* feat(react): add router to config
2022-03-31 15:34:32 +02:00
Pavel Prichodko 30be09cd35
fix(react): add missing dependencies 2022-03-31 15:15:24 +02:00
Pavel Prichodko 2cb774d2e1
fix(system): DropdownMenu children prop type 2022-03-31 15:14:22 +02:00
Pavel Prichodko 92cbdc16fa
feat(system): add label props to AlertDialog 2022-03-31 15:14:01 +02:00
Pavel Prichodko 00363fd570
feat(system): pass open state to children in ContextMenu 2022-03-31 15:13:44 +02:00
Pavel Prichodko 4354e8e4ee
feat(system): use colors from design system in Button 2022-03-31 15:13:22 +02:00
Pavel Prichodko 52614b3e36
refactor(react): chat messages content 2022-03-31 15:12:33 +02:00
Pavel Prichodko e3312450de
feat(system): add mention and pin to colors 2022-03-31 14:53:42 +02:00
Pavel Prichodko 26e4f0d91e
feat(system): improve typography components 2022-03-18 19:14:30 +01:00
Pavel Prichodko 13bd8361f8
feat(system): add radius to Image primitive 2022-03-18 19:14:13 +01:00
Pavel Prichodko c6d578c5c5
feat(system): add Popover component 2022-03-18 19:13:14 +01:00
Pavel Prichodko d910d44def
refactor(react): improve icons 2022-03-18 19:12:50 +01:00
Pavel Prichodko 1a8760586d
feat(system): improve Dialog composability 2022-03-18 18:10:14 +01:00
Pavel Prichodko 731336a364
feat(system): add Separator primitive 2022-03-18 14:32:11 +01:00
Pavel Prichodko 267967ed27
Add colors from design system 2022-03-18 12:15:46 +01:00
Pavel Prichodko a735806d19
feat(react): add full radii property 2022-03-16 14:58:22 +01:00
Pavel Prichodko 9b76ef6db2
feat(react): add MemberSidebar component 2022-03-16 12:42:30 +01:00
Pavel Prichodko e27c43b807
feat(react): add MainSidebar component 2022-03-16 12:41:55 +01:00
Pavel Prichodko 649c65815e
refactor(react): community module structure 2022-03-16 12:41:15 +01:00
Pavel Prichodko 1ea83d55fc
feat(react): add global app context 2022-03-16 12:37:46 +01:00
Pavel 020df678b9
Add Design System (#238)
* feat(examples): add full height and remove wrapping div

* Remove Channel component in favour of options

* feat(react): add hook for keyboard shortcuts

* setup: sort only react related packages at the top

* Add radix-ui packages

* feat(system): add stitches config file

* feat(system): add Image primitive

* feat(system): add Avatar component

* feat(system): add Box primitive

* feat(system): add Flex primitive

* feat(system): add Grid primitive

* feat(system): add Tooltip component

* feat(system): add Icon primitive

* feat(system): add Button component

* feat(system): add IconButton component

* feat(system): add EthAddress component

* fix(system): pass down button props

* feat(system): add option to hide Icon from screen readers

* feat(system): add Heading component

* feat(system): add Text component

* feat(system): add TextInput component

* feat(system): add Dialog component

* feat(system): add VisuallyHidden primitive

* feat(system): add Menu primitive

* feat(system): add DropdownMenu component

* feat(system): add ContextMenu component

* refactor(system): Icon component prop name

* feat(system): add AlertDialog component

* feat(system): update Avatar default background color
2022-03-15 13:47:17 +01:00
Pavel 0dfe9b737c
Simplify consumer configuration and add options (#236)
* Improve components configuration

* Update examples

* Move Theme to types
2022-03-03 16:54:59 +01:00
Pavel 81a6c0b2ed
Update @status-im/react exports (#235)
* Move Community to modules folder

* Move Channel to modules folder

* Remove fetch metadata provider

* Update index file extension
2022-03-03 16:20:23 +01:00
Pavel f14a029da6
Support relative imports in packages (#234)
* Update tsconfigs

* Add ESLint support for relative paths
2022-03-02 18:08:35 +01:00
Pavel 8bde2a6fc5
Upgrade js-waku to 0.18.0 (#232)
* Bump js-waku to 0.18.0

* Update nodes init function
2022-02-28 13:40:33 +01:00
Pavel Prichodko a54c49fdc7
Add react and react-dom as peerDependency 2022-02-25 00:08:29 +01:00
Pavel 6157a5757a
Remove unused files and cleanup package.json (#230)
* Remove unused files

* Cleanup package.json scripts and deps

* Reorder package.json fields
2022-02-25 00:02:30 +01:00
Pavel Prichodko fd8d494f24
Fix react imports grouping sort 2022-02-24 23:30:34 +01:00
Pavel 9b3d437736
Improve ESLint monorepo configuration (#228)
* Unify ESLint configuration

* Add .eslintignore file

* Add Node and Jest ESLint plugins

* Fix linting issues

* Sort imports and type imports
2022-02-24 22:58:50 +01:00
Pavel 55793bf04f
Use Parcel for building of packages (#227)
* Use Parcel for building packages

* Make package exports explicit

* Fix missing dependencies
2022-02-24 16:44:09 +01:00
Pavel 040be085f4
Improve TypeScript monorepo configuration (#226)
* Unify TypeScript configuration

* Fix package.json target fields
2022-02-23 16:16:42 +01:00
Pavel 4fb78c3f96
Improve Prettier monorepo configuration (#225)
* Add prettier configuration files

* Move prettier command to monorepo root

* Format all files
2022-02-23 15:49:00 +01:00
Pavel 3334108bdd
Move examples and migrate to Parcel (#224)
* Remove old examples

* Add Community and Channel examples
2022-02-23 15:32:08 +01:00
Pavel de6837b0f5
Update packages to @status-im (#223)
* Downgrade to yarn v1

* Rename status-communities to status-core

* Rename chat-sdk to status-react

* Rename packages in examples

* Update readme

* Remove changelog

* Add extensions recommendations

* Update gitignore

* Rename package imports
2022-02-23 15:03:14 +01:00
Maria Rushkova b82bf0c0e5
Chat creation mode fixes (#219) 2022-02-04 15:56:30 +01:00
Szymon Szlachtowicz f531ccc0f7
Bump js-waku version to 0.16.0 (#217) 2022-02-04 10:01:49 +01:00
Maria Rushkova cded53a468
UI fixes changes (#218) 2022-02-03 15:12:31 +01:00
Szymon Szlachtowicz bf7c15bc29
Fix hook problems (#216) 2022-02-03 08:57:05 +01:00
Franck R 030a33f95a
Rename DappConnect to Waku Connect (#213)
* Rename DappConnect to Waku Connect

* Remove redundant qualifier on CommunityChat

* Rename `Chat` to `ChatRoom`

There are two components:
- `CommunityChatRoom` (prev. `Chat`) contains the chat room, channels,
 members.
-`CommunityChat` wrap `ChatRoom` is the various provider.

A consumer would most likely use `CommunityChat` directly.
If they want to swap a provider, they'd use `CommunityChatRoom`

* Rename `GroupChat` to `GroupChatRoom`

* Rename `DappConnectGroupChat` to `GroupChat`

There are two components:
- `GroupChatRoom` (prev. `GroupChat`) contains the chat room, members.
- `GroupChat` wrap `GroupChatRoom` is the various provider.

A consumer would most likely use `GroupChat` directly.
If they want to swap a provider, they'd use `GroupChatRoom`.

* Remove DappConnect qualifier
2022-02-03 08:51:05 +01:00
Pavel 509a3a3d6b
Add eslint-plugin-react-hooks (#215) 2022-02-02 15:59:40 +01:00
Szymon Szlachtowicz 2e028c468e
Fix mention hook order (#214) 2022-02-02 12:58:15 +01:00
Szymon Szlachtowicz 51b85b5b49
Fix and refactor activity center (#212) 2022-02-01 13:13:30 +01:00
Szymon Szlachtowicz c810a2943e
Update react chat example readme (#210) 2022-01-31 22:43:32 +01:00
Szymon Szlachtowicz 180b2be276
Add no community chat (#209) 2022-01-31 09:10:19 +01:00
Szymon Szlachtowicz 21e49cb7bf
Refactor hooks and add reducers (#208) 2022-01-30 11:32:07 +01:00
Maria Rushkova f2aa41309a
Add message context menu (#206) 2022-01-28 14:08:19 +01:00
Szymon Szlachtowicz fc2d65f202
Refactor channels to use reducer (#207) 2022-01-28 14:01:53 +01:00
Maria Rushkova 9cfba1f50c
Add mute submenu (#204)
* Add mute submenu

* Change icon color

* Change icons color

* Add menu overlapping

* Add clickoutside hook to every dropdown
2022-01-27 14:23:06 +01:00
Szymon Szlachtowicz bcb41c6110
Add loading state and rename chat component (#205) 2022-01-27 12:13:12 +01:00
Maria Rushkova 2519181953
Channel muting (#203) 2022-01-26 10:32:04 +01:00
Maria Rushkova a024960b98
Show group members for group (#201) 2022-01-25 11:58:04 +01:00
Maria Rushkova fb0bd2fc8c
UI general fixes (#200) 2022-01-24 21:39:47 +01:00
Maria Rushkova 39b9a86ef4
Update channel menu (#199) 2022-01-24 14:39:51 +01:00
Maria Rushkova 954a286e36
Leaving chats (#198) 2022-01-20 14:08:48 +01:00
Maria Rushkova 5ebaa149c9
Fix showing menu/picker on click (#197)
* Fix closing emoji picker

* Show contact menu only after login

Co-authored-by: Szymon Szlachtowicz <38212223+Szymx95@users.noreply.github.com>
2022-01-20 02:19:25 +01:00
Maria Rushkova 27b81243fc
Group img preview (#196)
* Add group img preview

* Cut group default name

* Clear modal form
2022-01-20 02:17:02 +01:00
Maria Rushkova f5dd23ce97
Fix creation mode alignment (#195) 2022-01-19 14:22:56 +01:00
Maria Rushkova e76eb76ef6
Add input to creation (#194)
* Add input to chat creation

* Set chat min-width
2022-01-18 14:06:53 +01:00
Maria Rushkova 4eac832295
Input alignment (#193)
* Fix buttons alignment

* Add message reaction key

* Add click outside picker
2022-01-17 15:53:09 +01:00
Franck Royer 4aded39b16
Ensure user checks the `onlySignOn` field 2022-01-17 14:19:23 +11:00
Szymon Szlachtowicz c6c81e1ea2
Check dapp url before metamask login (#191) 2022-01-17 00:16:12 +01:00
Franck R 7581693fe6
Rename packages (#190)
To set under @waku npmjs organisation.
2022-01-14 12:44:41 +01:00
Maria Rushkova 0e14bd68d1
Add removing image button (#189)
Co-authored-by: Szymon Szlachtowicz <38212223+Szymx95@users.noreply.github.com>
2022-01-14 02:30:27 +01:00
Maria Rushkova e7096dced1
Narrow mode user creation (#188)
* Extract UserCreationButtons

* Add CreationStartModal

Co-authored-by: Szymon Szlachtowicz <38212223+Szymx95@users.noreply.github.com>
2022-01-14 02:06:45 +01:00
Maria Rushkova 15f64df575
UI fixes group (#186)
* Scrolling input for group creation

* Add group description

* Adding members ro existing group
2022-01-14 01:52:35 +01:00
Maria Rushkova 39a02cc0ed
UI fixes & improvements (#185)
* Return back arrow button

* Hide activity center in narrow mode

* Extract back button

* Add back button to chat creation narrow mode

* Extract activity center components

* Add activity center to chat creation mode

* Remove activity center button border

* Change cursor for picture input

* Member name wrapping
2022-01-13 08:46:08 +01:00
Maria Rushkova 78296b041d
Improve toast messages (#184)
* Add styles for icons

* Add theme colors

* Improve toast message

Co-authored-by: Szymon Szlachtowicz <38212223+Szymx95@users.noreply.github.com>
2022-01-12 06:44:12 +01:00
Maria Rushkova 97535066e9
Lock activity center (#183)
* Add input placeholder

* Lock activity center without identity

* Change cursor for disabled buttons

Co-authored-by: Szymon Szlachtowicz <38212223+Szymx95@users.noreply.github.com>
2022-01-12 06:36:01 +01:00
Maria Rushkova eebda7e943
Add modal for found profile (#182)
* Add modal for found profile

* Fix identity loading

* Remove placeholder button
2022-01-12 06:33:03 +01:00
Maria Rushkova d1692d7993
Add agreement modal (#180) 2022-01-11 10:44:53 +01:00
Szymon Szlachtowicz 964d468821
Fix webpack build warning (#181) 2022-01-11 09:27:32 +01:00
Szymon Szlachtowicz 7c0668d010
Fix context error and group chats msg loading (#179) 2022-01-10 13:44:02 +01:00
Maria Rushkova fe3c189f00
Emoji reactions (#176) 2022-01-10 13:27:48 +01:00
Szymon Szlachtowicz c170f81054
Cleanup loading chat body (#178) 2022-01-10 10:17:22 +01:00
Szymon Szlachtowicz 97532cc88d
Refactor channels (#177) 2022-01-07 14:21:30 +01:00
Maria Rushkova bf2e1b0ee2
Create profile errors (#174)
* Change clear buttons

* Add name creating errors

* Disable Next button on error

* Add useNameError hook
2022-01-05 16:55:52 +01:00
Szymon Szlachtowicz e03b020397
Load community key from env (#175) 2022-01-05 13:51:12 +01:00
Szymon Szlachtowicz 8a0ac14413
Add metamask support (#173) 2022-01-05 03:57:24 +01:00
Szymon Szlachtowicz f8d24eb264
Fix group chats nicknames (#172) 2022-01-05 01:42:34 +01:00
Szymon Szlachtowicz 64a67dce68
Refactor retrieving nicknames (#171) 2022-01-04 23:40:21 +01:00
Maria Rushkova a23e489adc
Logout modal (#170)
* Fix mention in input

* Extract buttons style

* Add logout modal
2022-01-04 16:03:51 +01:00
Szymon Szlachtowicz 8794782a4e
Refactor emoji picker (#169) 2022-01-04 10:39:15 +01:00
Szymon Szlachtowicz e39bcd6bda
Disable input without identity (#168) 2022-01-04 10:06:01 +01:00
Maria Rushkova 64d2dec3f9
UI changes (#166)
* Change read mark for messages

* Change logout button

* Change dm chat description

* Fix creating dm channel

* Fix reaction icon

* Add tooltips to reaction buttons

* Add reaction picker

* Add reaction svg sizes

* Extract Reactions
2022-01-04 07:58:06 +01:00
Maria Rushkova 626f70c576
Add token requirements (#165) 2022-01-03 14:52:01 +01:00
Szymon Szlachtowicz a90696a8f4
Add loading saved identity (#167) 2022-01-03 10:42:06 +01:00
Maria Rushkova 4ee1535f09
Login wallet (#164) 2022-01-03 09:19:13 +01:00
Maria Rushkova 094976642a
Login flow (#163)
* Add button styles

* Fix UserCreation styles

* Extract addWrapper

* Fix UserCreationModal styles

* Add next step modal

* Change UserLogo styles

* Add colorWheel to You user

* Add qrcode.react package

* Fix profile icon

* Add icons

* Add Status modal for mobile

* Extract input styles

* Add Status modal for desktop

* Change paste function

* Extract login instructions
2021-12-28 12:34:54 +01:00
Maria Rushkova 7c3bb65e09
Logout (#162)
* Add logout button

* Make logout

* Fix member list view
2021-12-22 17:03:37 +01:00
Szymon Szlachtowicz 047e9d77eb
Change user icons to match design (#161) 2021-12-22 15:55:03 +01:00
Szymon Szlachtowicz 2e91024490
Show names in members (#160) 2021-12-22 12:06:24 +01:00
Szymon Szlachtowicz 51802fa03d
Add user creation modal (#159) 2021-12-21 13:39:46 +01:00
Szymon Szlachtowicz 35cc40329e
Update js-waku version (#158) 2021-12-19 13:34:03 +01:00
Szymon Szlachtowicz 2323fc273f
Show chat without identity (#157) 2021-12-17 18:45:32 +01:00
Szymon Szlachtowicz 15e5731167
Refactor chat messages (#156) 2021-12-14 00:55:09 +01:00
Maria Rushkova 7d90ad9ae4
Toast message (#155) 2021-12-13 18:09:26 +01:00
Szymon Szlachtowicz c06c0253bc
Add reply transition (#154) 2021-12-10 13:44:06 +01:00
Maria Rushkova 727197570b
Add invitations to activity center (#153) 2021-12-10 10:19:45 +01:00
Maria Rushkova 6a0678bb02
Add mentions in activity center (#152) 2021-12-10 09:08:15 +01:00
Szymon Szlachtowicz 032d9ae471
Refactor chat messages (#151) 2021-12-09 14:38:29 +01:00
Maria Rushkova c06ea9cca0
Activity UI improvements (#150) 2021-12-09 14:20:27 +01:00
Maria Rushkova c7065341b4
Add activity center (#142) 2021-12-08 10:08:24 +01:00
Szymon Szlachtowicz 44da36dfdf
Refactor and add replies to group chats (#149) 2021-12-07 15:26:22 +01:00
Maria Rushkova 8b79cf397e
Add image to replying (#148) 2021-12-07 12:12:00 +01:00
Szymon Szlachtowicz 3c9d514b92
Handle chat response (#147) 2021-12-06 23:31:53 +01:00
Maria Rushkova 6338c79af0
Reply (#146) 2021-12-06 15:02:17 +01:00
Szymon Szlachtowicz 3d48c1fe98
Refactor groupChats and add images to group chats msgs (#145) 2021-12-03 14:36:06 +01:00
Szymon Szlachtowicz ff733a15fc
Add name and member handling in group chats (#144) 2021-12-03 11:51:55 +01:00
Szymon Szlachtowicz daabab46ed
Add group chat name change handling (#143) 2021-11-30 14:05:05 +01:00
Maria Rushkova 49417a5c25
Sending request form (#141) 2021-11-29 18:04:07 +01:00
Szymon Szlachtowicz faef8d0a02
Refactor useMessages (#140) 2021-11-29 16:35:30 +01:00
Maria Rushkova 593bc563f0
Add message style (#138) 2021-11-29 12:54:57 +01:00
Szymon Szlachtowicz 9592f7eab3
Add loading history in group chats (#139) 2021-11-29 10:30:10 +01:00
Maria Rushkova 0742fa3635
Add style for mentioning (#137) 2021-11-29 09:04:18 +01:00
Szymon Szlachtowicz 30984cdc05
Add private group chat handling (#136) 2021-11-26 12:24:37 +01:00
Maria Rushkova 77dfd154b2
UI improvements (#135)
* Fix channel name styles

* Add active class to group icon

* Fix channel description

* Hide member category

* Fix community name alignment

* Add unmuting

* Add group unmuting

* Add user name to empty text

* Fix group description

* Add closing dropdown on click outside

* Add memoization

* Change useClickOutside
2021-11-26 10:23:52 +01:00
Szymon Szlachtowicz 4852d90546
Refactor channels and providers (#134) 2021-11-19 09:31:49 +01:00
Szymon Szlachtowicz 7922343fa6
Refactor dm and private chat creation (#133) 2021-11-18 19:23:33 +01:00
Szymon Szlachtowicz 81a14fcb9a
Improve profile modal (#132) 2021-11-18 16:34:26 +01:00
Maria Rushkova 7fb0bfbdc7
Contact renaming (#131) 2021-11-16 20:18:58 +01:00
Szymon Szlachtowicz 3079487c02
Change community to one with image (#130) 2021-11-16 15:21:35 +01:00
Maria Rushkova 34a8a0a899
Improve profile modal (#129) 2021-11-16 08:44:40 +01:00
Szymon Szlachtowicz a356f3b421
Add mention in channels (#128) 2021-11-15 14:34:20 +01:00
Maria Rushkova 420271b4d1
Contact menu (#122) 2021-11-15 13:34:18 +01:00
Szymon Szlachtowicz 045a64a353
Style mentions in messages (#127) 2021-11-15 12:00:57 +01:00
Szymon Szlachtowicz fe609f0444
Add input mentions (#126) 2021-11-15 10:14:04 +01:00
Szymon Szlachtowicz 3be3a7726f
Add modal state provider (#125) 2021-11-12 12:33:56 +01:00
Szymon Szlachtowicz 03ea71dca4
Fix and refactor chat state (#124) 2021-11-10 15:30:22 +01:00
Szymon Szlachtowicz a03a102cd5
Fix groupChat creation, add bold channel on new message (#123)
Signed-off-by: Szymon Szlachtowicz <szymon@TPL014-SS-MBP17.local>

Co-authored-by: Szymon Szlachtowicz <szymon@TPL014-SS-MBP17.local>
2021-11-10 11:42:26 +01:00
Maria Rushkova 70e4f34cfe
Leaving group (#120)
* Leaving group

* YArn fix

* Fix setting active channel group

* Fix leaving group

* Add community icon backgroud
2021-11-08 17:26:02 +01:00
Szymon Szlachtowicz 42dc2c53a9
Use new test community (#121) 2021-11-08 15:26:47 +01:00
Szymon Szlachtowicz ba9770999d
Add communityData to useMessenger (#118) 2021-11-05 19:42:43 +01:00
Maria Rushkova 52e457991b
UI improvements (#119) 2021-11-05 18:37:39 +01:00
Szymon Szlachtowicz 23d3ee01ea
Add identity provider (#117) 2021-11-05 16:31:35 +01:00
Maria Rushkova 84624011f5
Replace empty state (#116) 2021-11-05 16:24:14 +01:00
Szymon Szlachtowicz faffa272e1
Refactor community data (#115) 2021-11-05 15:50:40 +01:00
Szymon Szlachtowicz ee91965c32
Refactor channel data (#114) 2021-11-05 14:33:30 +01:00
Maria Rushkova 61c27f0721
Edit modal (#113)
* Fix input width

* Add image uploading
2021-11-05 08:45:04 +01:00
Maria Rushkova e0e79d3375
Fix group creation (#112) 2021-11-04 15:18:42 +01:00
Szymon Szlachtowicz cdac0b6bd5
Fix and refactor messages (#111) 2021-11-04 14:27:24 +01:00
Szymon Szlachtowicz c7626f5deb
Add user blocking (#110) 2021-11-03 22:18:49 +01:00
Maria Rushkova 2714e8e9dd
Add group menu (#107) 2021-11-03 16:56:27 +01:00
Szymon Szlachtowicz ac77a0ada2
Refactor dropdowns (#109) 2021-11-03 00:43:06 +01:00
Szymon Szlachtowicz 6db3b9272d
Add channel muting (#108) 2021-11-02 21:44:30 +01:00