Commit Graph

196 Commits

Author SHA1 Message Date
Jakub Kotula 558faa9725
Migrate to border radius tokens (#365)
* fix border radius tokens across components + fix counter structure

* adjust border radius

* adjust highest token

* temporary hardcode values for blur view and image

* remove accordion

* fix new tokens

* remove unused import

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-04-11 12:30:25 +02:00
Pavel e7b6aa090d
Update community sidebars, topbar & author (#370)
* add ChannelAvatar component

* add Channel component

* add expandable state to DividerLabel

* change counter story name

* Finalize SidebarCommunity component

* complete Author component

* update UserList component

* finalize SidebarMembers component

* Finalize Topbar component

* fix Banner truncate

* update dropdown menu props

* update app styles

* make mono font work

* render author part optionally

* rename css IDs

* remove console.log

* imageUrl -> imageSrc

* upgrade expo-blur

* add loading to messages

* fix  ¯\_(ツ)_/¯  comment
2023-04-05 16:31:35 +02:00
marcelines 91fe20549c
Add skeleton and loading states (#366)
* feat: add skeleton placeholder components and stories

* feat: adds gap messages component and stories

* feat: add information box component and stories (WIP)

* feat: add dismiss prop and more stories

* fix: changes onDismiss existing function to onClose

* feat: add sidebar skeleton loader

* feat: makes the banner component more flexible

* update information box

* fix: changes from review

* feat: add topbar-skeleton component

* Fix Skeleton typo

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-04-05 14:48:38 +02:00
Felicio Mununga fc580590ab
Add Toast (#369)
* add icorrect icon

* update correct icon

* add radix toast dep

* set isolation

Co-authored-by: Pavel <prichodko@users.noreply.github.com>

* add toast

 Co-authored-by: Pavel <prichodko@users.noreply.github.com>

* move ToastContainer to separate file

* add custom fn

---------

Co-authored-by: Pavel <prichodko@users.noreply.github.com>
Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-04-04 15:52:02 +02:00
Jakub Kotula f2bb6f3d38
fix gap in button between text and icon (#368) 2023-04-04 12:57:13 +02:00
Pavel 00f97e4d3b
Calculate topbar and composer height dynamically (#362)
* dynamically calculate topbar and composer height

* simplify scroll position calculation

* update AnchorActions component

* update initial content scroll position

* add if condition
2023-03-31 16:45:43 +02:00
Pavel dda3cf1dfe
Update dropdown menu styles (#364)
* update dropdown menu styles

* fix menu item label
2023-03-31 13:14:35 +02:00
Pavel Prichodko b8faced665
fix button font weight 2023-03-30 14:50:32 +02:00
Pavel 7c7e8f78ab
Message reactions, add Tabs, update Dialog and Tooltip (#361)
* add Tabs component

* update Tooltip styling

* add reactions dialog

* use IconButton and simplify ReactButton

* add PressableTrigger to dialog

* update css reset

* update pressable type

* fix text story name

* update dynamic button props

* add counter to TabsTrigger

* fix casing in USerListProps

* make Dialog.Content customizable

* update dialogs
2023-03-30 14:41:56 +02:00
Jakub Kotula 6ed390b0dc
fix pinned dialog button size & icon (#363) 2023-03-30 14:30:47 +02:00
Pavel c351d864a0
Unread messages, review and complete dividers (#360)
* add NewMessages divider

* add DividerDate

* unify dividers

* fix NewMessages gradient

* NewMessages -> DividerNewMessages
2023-03-30 13:40:10 +02:00
Jakub Kotula c338bf7aae
Add pinned messages (#355)
* initial

* add to app

* add to app

* context tag

* rebase and fix changes

* update context-tag, update dialog

* update mocks

* fix dialog show

* clean up stories

* fix ids

* unify component definition

* pr fixes

* fix blur view

* fix blur view

* fix composer position

* context tag

* add icon avatar + pin announcement

* fix spacing

* fixes

* blue background for pin

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-03-30 13:32:26 +02:00
Pavel a167396062
Add system messages (#356)
* add DynamicButton component

* add AnchorActions component

* add AnchorActions to web app
2023-03-22 14:42:04 +01:00
Pavel Prichodko 25eb3f24f3
fix button spread props 2023-03-22 10:59:17 +01:00
Pavel db7befaec2
Unify typography and enforce only valid variants (#354)
* unify typography under Text component

* migrate from paragraph/heading to text

* update font configuration
2023-03-22 10:57:25 +01:00
Pavel 6474b39bac
Replies, buttons, add shadow (#353)
* improve primary button

* create shadow component

* add all avatar variants

* update reply

* update button prop

* add usePressableColors hook

* update icon button component

* update messages actions

* update composer

* add inverted variant to Shadow component

* update Message component

* fix prop name

* add user-select none to web app

* fix avatar shape

* fix button icon color

* fix icon button token name

* fix icon button selected prop name

* change accordion item prop name

* set default indicator variant

* fix button prop

* export helper types

* refactor accordion props

* buttons only extend PressableProps

* improve typing of variants in component props

* add tmp workaround for pressable props

* remove new line

* make GetVariants helper nonnullable

* fix image aspectRatio

* fix avatar indicator

* fix icon button props

* add todo
2023-03-22 10:39:42 +01:00
Jakub Kotula 461a9bfe60
Fix indigo token values (#351) 2023-03-16 13:25:40 +01:00
Pavel Prichodko a9e9682ed0
rename typegen -> build:types 2023-03-14 13:49:33 +01:00
Pavel Prichodko 1fac364ffe
fix local development 2023-03-14 13:48:09 +01:00
Pavel Prichodko 9d45202b8d
use Vite in @status-im/components 2023-03-13 22:52:43 +01:00
Pavel Prichodko 05d4a54c14
upgrade vite and friends 2023-03-13 22:37:38 +01:00
Pavel Prichodko a034a670e2
upgrade eslint and prettier 2023-03-13 22:28:29 +01:00
Pavel Prichodko 01a06e8132
unify react versions 2023-03-13 22:24:39 +01:00
Pavel Prichodko 47308ca5c3
unify package.jsons 2023-03-13 21:48:42 +01:00
Pavel Prichodko 4491ecaaf7
temporarily update Image props 2023-03-13 20:24:29 +01:00
Pavel Prichodko ad4a2ad296
remove hard-coded emojis 2023-03-13 20:24:13 +01:00
Pavel Prichodko e17fdbfc7a
fix imports 2023-03-13 19:58:31 +01:00
Pavel Prichodko 069d89f71f
fix lint and reformat 2023-03-13 19:22:51 +01:00
Pavel Prichodko 86abc4df44
upgrade tamagui to latest 2023-03-13 16:44:40 +01:00
Pavel Prichodko 32a8fed0be
connect components to state 2023-02-28 15:01:04 +01:00
Pavel Prichodko 0ee881e2d8
refactor topbar props 2023-02-28 15:00:38 +01:00
Pavel Prichodko 838180c9d5
fix mock data names 2023-02-28 14:57:51 +01:00
Pavel Prichodko 20eeaa8791
add provider to web and storybook 2023-02-28 14:56:53 +01:00
Pavel Prichodko 3625fa355a
add unified provider 2023-02-28 14:56:32 +01:00
marcelines 2d2938c057
Add image picker to composer (#344)
* feat: add image uploader feature

* fix: minor fixes

* feat: add button when has images or input has value

* fix: composer props

* fix: minor issues
2023-02-21 12:47:00 +01:00
Pavel 84ec492292
Add more components, message actions & reactions (#339)
* hide sidebar on small screen

* add reply component

* add radix dependencies

* add dropdown menu component

* add popover component

* add tooltip component

* add react button component

* add reaction popover

* update chat message actions

* add basic dialog and sheet components

* add ref to Button component

* add chat message reactions

* add reply and reactions to chat message

* remove console.log

* add dropdown menu to topbar

* add ref and support aria in IconButton

* yarn.lock

* add stylesheet reset to storybook

* add pinned state to message

* remove extraneous component

* add all button variants

* fix button icons

* use IconButton in actions

* remove erroneous character

* add reply to composer + simplify

* use correct button in reply
2023-02-14 17:36:38 +01:00
marcelines a5fdd22d51
Add blur and IconButton variants (#340)
* feat: add blurview to topbar and composer with scroll position

* fix: icon button component and adds scrolls var position for the top bar

* fix: changes from review
2023-02-10 17:25:13 +01:00
marcelines 6c10fab6c3
feat: add missing stories (#335)
* feat: add missing stories

* fix: figma links and removes console log
2023-01-25 12:21:32 +01:00
marcelines 9e613244e0
EAS integration & Improvements & fixes (#334)
* fix: issues with build after debugging expo app

* feat: updates icons app and increases build version

* fix: react-native-svg resolution

* feat: multiple fixes and top bar implementation

* fix: sidebar members animation

Co-authored-by: marcelines <marcio@significa.co>
2023-01-24 14:41:25 +01:00
Pavel Prichodko becd8ba71b
simplify avatar and fix border 2023-01-23 15:55:16 +01:00
Pavel Prichodko 447670bc92
fix reactions 2023-01-23 15:42:47 +01:00
Pavel Prichodko 07168dc47c
simplify and fix IconButton 2023-01-23 15:35:09 +01:00
Pavel Prichodko 0ded6bc3a4
add radius=full to image and fix avatar 2023-01-23 15:29:20 +01:00
Pavel Prichodko 185b0aa053
reformat 2023-01-23 15:29:03 +01:00
Pavel Prichodko 1cf0c8b1e7
accept icons in button component 2023-01-23 14:46:43 +01:00
Pavel Prichodko ad76bbabee
remove overflow hidden from avatar 2023-01-23 14:46:04 +01:00
Pavel Prichodko 15e44e70fe
improve Image props and fix border radius on safari 2023-01-23 14:45:18 +01:00
Pavel Prichodko a243fbcbad
add storybook-dark-mode addon 2023-01-23 14:42:42 +01:00
Pavel Prichodko 04762e196f
remove shape :( 2023-01-23 14:05:08 +01:00
Pavel Prichodko ff87480747
pin storybook version 2023-01-23 14:03:38 +01:00
Pavel Prichodko 1532c3cb57
add suffix to icons 2023-01-23 14:03:08 +01:00
Pavel Prichodko 28a24f6069
fix icons (again...) 2023-01-20 15:57:51 +01:00
Pavel Prichodko 2f60b9ea1d
fix icons import 2023-01-20 15:46:44 +01:00
Pavel Prichodko 0be4c340b4
rename chat message -> messages and cleanup 2023-01-20 15:28:45 +01:00
Pavel Prichodko bf9e76d960
temp fix for user list react key 2023-01-20 15:27:52 +01:00
Pavel Prichodko 814c857457
use icons from @status-im 2023-01-20 15:27:52 +01:00
Pavel Prichodko 69fe2fb707
change order in @stats-im/components index 2023-01-20 15:26:14 +01:00
Pavel Prichodko 9eed511a96
add re-exports 2023-01-20 15:25:33 +01:00
Pavel Prichodko f821b0c89d
add sidebar members component 2023-01-20 15:25:19 +01:00
Pavel Prichodko 8f9491169a
add user list component 2023-01-20 15:25:18 +01:00
Pavel Prichodko d793e9a5b8
remove generated stories example folder 2023-01-20 15:25:18 +01:00
Pavel Prichodko 4d4695822d
update sidebar border 2023-01-20 15:25:18 +01:00
Pavel Prichodko 1633af603c
add divider label component 2023-01-20 15:25:18 +01:00
Pavel Prichodko 01a70d2ec1
add author component 2023-01-20 15:25:18 +01:00
Pavel Prichodko 52f19899a6
fix avatar export 2023-01-20 15:25:18 +01:00
marcelines 5171209b5d
Add mobile navigation & Composer (#333)
* feat: add composer component

* feat: complete composer component and few minor fixes

* feat: add several improvements and new features

* fix: change icon button in composer
2023-01-20 15:06:26 +01:00
Pavel Prichodko d6a5aa47a5
add Button to sidebar 2023-01-18 16:46:11 +01:00
Pavel Prichodko 9fbbe267b5
add @status-im/icons dependency 2023-01-18 16:44:39 +01:00
Pavel Prichodko d28c633c59
add typography stories 2023-01-18 16:42:41 +01:00
Pavel Prichodko 6ba2ecfbab
add status indicator to Avatar 2023-01-18 16:42:22 +01:00
Pavel Prichodko 611724f504
add Divider component 2023-01-18 16:41:57 +01:00
Pavel Prichodko 94d6d8a58b
use existing component in button 2023-01-18 16:41:45 +01:00
Pavel Prichodko 5f7b279bfe
move Tamagui augmentation to config file 2023-01-18 16:39:50 +01:00
Pavel Prichodko 7671c24b72
add ChatMessage component 2023-01-18 16:39:06 +01:00
Pavel Prichodko dc9951c52b
add icons story 2023-01-18 14:20:07 +01:00
Pavel Prichodko b24f33898e
use aspect ratio for Sidebar card 2023-01-18 14:20:07 +01:00
Pavel Prichodko 406c5f68fd
support aspect ratio in Image 2023-01-18 14:18:28 +01:00
Pavel Prichodko 87957c1611
add IconButton component 2023-01-18 14:18:27 +01:00
marcelines 2bbaea1f36
Add cross-platform sidebar (#331)
* feat: add icon example and solve some types

* fix: add accordion and emojis

* fix: fixes animation issues and adds overall minor improvements

* fix: more fixes and new emoji

* fix: id from channel
2023-01-18 14:15:51 +01:00
marcelines 0d56feb24b
fix: some details in sidebar and button components 2023-01-16 17:21:57 +00:00
Pavel Prichodko 98e9c1850d
Fix theming in web app 2023-01-16 16:19:06 +01:00
Pavel Prichodko d2a3d65900
upgrade to tamagui@1.0.15 and pin the version 2023-01-16 16:15:09 +01:00
Pavel Prichodko a31a87e0c9
update sidebar 2023-01-16 15:51:32 +01:00
Pavel Prichodko 34d9be3f35
export components 2023-01-16 15:50:24 +01:00
Pavel Prichodko 0a9c1134b5
fix sidebar component 2023-01-16 15:50:24 +01:00
Pavel Prichodko 17685929d8
add input component 2023-01-16 15:49:51 +01:00
Pavel Prichodko c8783e8131
add image component 2023-01-16 15:49:51 +01:00
Pavel Prichodko c1c6b2e4be
add button component 2023-01-16 15:49:51 +01:00
Pavel Prichodko 91875f1b26
add avatar component 2023-01-16 15:49:51 +01:00
Pavel Prichodko fe7a7f84f5
update components scripts 2023-01-16 15:48:39 +01:00
Pavel Prichodko 15b376905d
add types to storybook config 2023-01-16 15:48:24 +01:00
Pavel Prichodko 351e5fa750
fix @tamagui/vite-plugin import 2023-01-16 15:48:24 +01:00
Pavel Prichodko 2a1cf9b3e9
upgrade tamagui to v1.0.8 2023-01-16 15:48:23 +01:00
marcelines 23def2264e
Add color tokens, theming and typography
* feat: adds custom theme setup with several options

* feat: add typography and few examples with theme switch

* fix: sort import rule

* fix: remove unnecessary file

* fix: changes from review

* fix: changes as const as stated in tamagui's docs
2023-01-16 15:34:15 +01:00
marcelines b5696c32d5
feat: add expo to monorepo (#328) 2023-01-11 14:38:47 +01:00
Pavel Prichodko 3639a7f8d8
add storybook and rename 2023-01-10 12:24:24 +01:00