Commit Graph

488 Commits

Author SHA1 Message Date
marcelines 9479b4bb2f
[website] - Add Wallet page (#419)
* feat: add wallet page and all its necessary components

* feat: border and address element

* feat: add navigation with responsive view

* feat: add floating menu for mobile version

* fix: floating menu mobile

* fix: menu floating and footer

* feat: adds prefooter and fixes footer and pages layouts

* fix: footer mobile border

* fix: pages with new layout

* fix: minor fixes

* fix: some minor fixes

* fix: changes from review

* fix: performance safari issue

* fix: changes from review

* feat: add grid hero component with proper variants

* fix: remove unnecessary prop

* feat: some improvements to shared components

* fix: nav-desktop z-index

* add passive option to scroll listener

* lint tailwind classnames

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-06-22 16:46:20 +01:00
Pavel b63515e65f
[website] Add basic auth (#422) 2023-06-21 17:38:50 +01:00
Pavel 45e36b2360
[website] Add blog (#417)
* add ghost api

* connect blog overview page

* connect and render post detail

* add processing to server

* update blog detail page

* add eslint-plugin-tailwindcss

* add @tanstack/react-query

* truncate text by numberOfLines

* use ComponentPropsWithRef to infer style prop type

* update ghost fns

* update index

* add tag page

* add author page

* update /

* update /tag

* update /author

* update detail page

* fix posts type

* disable redirect

* remove global background

- not found pages
- pages without common layout (preview)

* tmp: hide nav on smaller screens

* update app layout spacing

* remove text truncating

* update / spacing and sizing

* update .vscode/settings.json

* update .eslintrc

* update prettier-plugin-tailwindcss

* sort tailwind classes

* add packages/eslint-config-custom

* use turbo lint

* use tailwind.config.cjs

see https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/212

* reset global line-height

* fix lint-staged

* update color tokens

* update spacing and sizes

* Update apps/website/src/lib/ghost.ts

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

* update layout max width

* update card min width

* set line-height

* set overflow on pre

* use flex for markdown content to prevent overflow

* collect follow-ups

* add visibility filter

* update page count

* rename var

* remove filter

* use prod ghost api key

* update ghost api

* revert line-height

* add limit to getPosts params

* update visible posts

* add related articles

* add env vars to gh

* rename eslint config package

* update gh vars

* rename envs

* set emtpy array to related posts

* fix lint-staged

* prevent importing server envs on client

* set limit

---------

Co-authored-by: Felicio Mununga <felicio@users.noreply.github.com>
2023-06-21 11:35:48 +01:00
Pavel 820eafadde
[icons]: Sync icons, add social (#420)
* regenrate icons

* add social icons
2023-06-20 18:13:39 +01:00
Felicio Mununga 45ae36a64f
[website] resolve ENS public key (#415)
* remove og api route

* sort deps

* add compress opt to resolve fn

* add ens api route

* use ens

* fix loading state

* type response

* use await

* add zod dep

* add schema module

* add declaration file

* update yarn.lock

* mv next.config.js to next.config.mjs

* require some env

* update env loading

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-06-20 12:05:59 +01:00
marcelines 1866ca8c42
[website][status-web] Calendar (#410)
* feat: adds calendar component to components package

* feat: add datepicker component to use in insights

* feat: clean calendar code and fix spacing
2023-06-13 12:33:14 +02:00
Felicio Mununga f54c22abf0
reset button appearance in Safari (#413) 2023-06-07 09:44:03 +02:00
Felicio Mununga 8ec5bf3bc5
[website] Revert URL verification (#412)
* revert status-js

* revert website
2023-06-06 14:10:11 +02:00
marcelines 36538591ce
[website] Custom tags (#409)
* feat: change tags component and add util to get color with opacity

* feat: change some tags for the example purpose

* fix: some issues and code organization

* feat: removes complexity from the code and uses css color-mix function
2023-06-06 13:46:54 +02:00
Felicio Mununga eb5cbcdda3
[website] Add link previews (#407)
---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-05-29 17:11:02 +02:00
marcelines ca6490783f
[website] Add sidebar menu and breadcrumbs (#408)
* feat: create side-menu component for the website

* feat: create index to export necessary components from website

* fix: changes from review

* feat: add breadcrumbs and refactor routes for insights
2023-05-24 13:11:52 +02:00
marcelines 8a47bb4b02
Add burnup chart component (#401)
* feat: add chart to website WIP

* fix: minor improvements

* feat: add animation to areas on load

* feat: adds animation to rest of the chart elements

* feat: refact chart component

* feat: add loading state to chart component

* feat: add empty state and fixed some issues

* Set up website deployment (#391)

* env

* vercel.json

* turbo

* u

* root

* cwd

* use cwd option (#393)

* fix: remove border width from progress bar

* fix: changes from review

* fix: removes spacing with first tick in X Axis component

* update assertion

---------

Co-authored-by: Felicio Mununga <felicio@users.noreply.github.com>
Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-05-18 14:54:45 +02:00
Felicio Mununga fb7c06ed4a
Remove default NODE_ENV (#405)
* move patch-package to dependencies

* set default NODE_ENV to production

* rm NODE_ENV

* rm more NODE_ENV

* Revert "move patch-package to dependencies"

This reverts commit d3168742e4.
2023-05-16 16:25:33 +02:00
Felicio Mununga 00427f7ee5
Update turbo.json (#404) 2023-05-16 14:41:24 +02:00
Felicio Mununga 0c990ffac5
Update vercel.json 2023-05-16 13:08:33 +02:00
Felicio Mununga 196fc30b4a
Update vercel.json 2023-05-16 13:08:20 +02:00
Felicio Mununga f051e02cd6
Update vercel.json 2023-05-16 13:05:42 +02:00
Felicio Mununga 12428280cf
Set up web app deployment (#399)
* env

* vercel.json

* u

* global

* ignore

* preview

* vercel

* turbo

* fix turbo

* rm TAMAGUI_DISABLE_WARN_DYNAMIC_LOAD

* use globaThis
2023-05-16 13:04:47 +02:00
Felicio Mununga 539eb6f35d
Set up storybook deployment (#398)
* env

* vercel

* turbo

* move storybook build
2023-05-16 12:39:46 +02:00
Pavel 8bae5fa3f5
Add website layouts and nav menus (#400)
* merge global styles

* add logos

* add app layout

* fix fonts

* add links

* add homepage

* update repos cols

* update page footer

* add logo variants

* update links

* add feature sections

* update layouts

* add blog pages

* add learn pages

* add deps

* enable disableStaticImages in Next config

* remove logo variant

* add navigation menus

* add theme-color meta tag

* stop ignoring next-env.d.ts

* use our Link
2023-05-16 11:57:15 +02:00
Felicio Mununga 2d1524bf17
fix more incorrectly resolved conflicts 2023-05-16 11:53:43 +02:00
Felicio Mununga a8ec304f74
fix incorrectly resolved conflicts 2023-05-15 21:29:36 +02:00
Felicio Mununga 202d1b423c
use cwd option (#393) 2023-05-12 18:15:23 +02:00
Felicio Mununga 35937c256f
Set up website deployment (#391)
* env

* vercel.json

* turbo

* u

* root

* cwd
2023-05-12 15:06:04 +02:00
Felicio Mununga ac38e36a1a
@status-im/js@0.2.0 2023-05-03 15:16:25 +02:00
Felicio Mununga f3bb59597e
Fix `@status-im/js` build (#389)
* build cjs

* change mod exports

* tmp: add rebuild script

* export peers

* user browser field

* rm tmp changes
2023-05-03 14:48:16 +02:00
Pavel e05c318035
Add initial insights implementation (#388)
* add colors to tailwind config

* update reset.css

* add epics page

* add epic detail page

* add orphans page

* add repos page

* add missing @status-im/components exports

* update visx link

* support icons in <Tag />

* update Tag in website

* emojiOnly -> iconOnly

* update icons scripts

* add missing dir to clean script

* enable eslint next config

* restructure website and add layouts

* move static data outside components
2023-05-03 14:25:17 +02:00
Felicio Mununga ab319aa602
Expose `fetchCommunityDescription` in request client (#386)
* export val

* add started flag

* use pks[]

* fix export

* throw on stop

* rm log

* Revert "use pks[]"

This reverts commit 5d4d7e4b6e.

* make fn public
2023-04-27 19:43:42 +02:00
Felicio Mununga 665d2df7e8
Setup apps/website (#383)
* scaffold website project with Next.js

* set tamagui target

* remove whitespace

* update clean npm scripts

* apply patches post-install

* lock tamagui version

* add patch-package to root

* patch @tamagui/core-node

* patch @tamagui/normalize-css-color

* patch @achingbrain/ssdp

* remove patches from website

* update clean script in website

* remove @tamagui/vite-plugin from dependencies

* patch @tamagui/static

* update node-version

* define env vars
2023-04-26 12:06:18 +02:00
Felicio Mununga 0b6badac48
Update Avatar component (#385)
* revert text changes

* check 'none'

* rm cloneElement

* use 'none' as val
2023-04-26 12:04:07 +02:00
Jakub Kotula 1df8c16091
Refactor Context tag component (#379)
* switch

* context tag refactor

* merge conflicts

* use new Avatar component

* clean up

* clean up

* simplify

* fix

* fix

* omg final fix

* pr fixes

* type fix

* fix positioning

* clean up
2023-04-25 12:02:58 +02:00
Felicio Mununga 811fa081a8
Extend Avatar (#371)
* add color hash to Avatar

* remove compoundVariants

* remove outline prop

* remove vars

* ref figma

* remove example

* add background color to Image

* extend radius variants in Image

* use union type

* add channel avatar to stories

* add channel avatar as Avatar type

* resolve typecheck errors

* add name prop

* add icon avatar as Avatar type

* add community avatar

* move fallback

* set default icon color

* add group avatar

* add wallet avatar

* join user type

* join channel type

* remove 32 text variant

* assert LockBase variant

* remove fn type guards

* fix icon import

* set icon sizes based on props

* set default variants and use render fns

* uses raidus tokens

* add outline

* remove outline

* fix overlapping background on loaded image

* fix indicator position

* fix background color
2023-04-19 12:56:20 +02:00
Felicio Mununga def47472e6
Fix `yarn.lock` (#382)
* fix yarn.lock

* fixup
2023-04-19 11:26:40 +02:00
marcelines f25c918fb2
fix: fixes yarn lock causing error when adding new dependencies 2023-04-17 12:58:00 +01:00
Felicio Mununga adac3ad25e
format files 2023-04-17 12:17:23 +02:00
Pavel 6558e437f5
Automate sync of colors and icons with Figma (#378)
* remove old icons

* add script for syncing icons

* regenerate icons

* update @status-im/icons exports

* allow scroll in storybook

* migrate to new icons import

* add iconography story

* update root package.json

* fix typo

* add @status-im/colors

* generate colors

* add colors story

* fix ci
2023-04-14 23:27:05 +02:00
Felicio Mununga 9cbf21599b
Add Tag (#372)
* add tag

* add next-env.d.ts

* fix gap

* use $full token for borderRadius

* remove comments

* fix system message render

* fix action type

* rm next-env.d.ts
2023-04-12 16:36:00 +02:00
Jakub Kotula 24d4bbe054
Delete message / system messages (#367)
* initial

* system messages

* create subcomponents

* all variants

* integration into app

* fix incorrect naming

* fix icon color

* fix spacings, positionings, colors

* CR fixes

* fix wrong props

* fix imports

* fix PR
2023-04-11 20:54:56 +02:00
Felicio Mununga f652512454
terminate `storybook` on `SIGINT` (#375) 2023-04-11 20:53:24 +02:00
Pavel e586de1890
Upgrade TypeScript, Vite, Storybook, Tamagui (#373)
* upgrade deps

* update storybook configs

* add required tamagui token :/
2023-04-11 20:52:18 +02:00
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
Felicio Mununga a0406e834a
add `happy-dom` to `@status-im/js` 2023-04-06 17:22:04 +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