about summary refs log tree commit diff
path: root/src/view/shell/desktop/RightNav.tsx
Commit message (Collapse)AuthorAgeFilesLines
* Refactor sidebar (#6971)Eric Bailey2024-12-101-120/+77
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | * Refactor RightNav (cherry picked from commit 96bb02acfd2d7452df18a0e7410e6a7169a583ed) * Better gutter handling * Clean up styles * Memoize breakpoints * Format * Comment * Loosen spacing, handle overflow, smaller text to match prod * Fix circular imports on native * Return 0 instead of undefined for easier calculations * Re-assign * Fix * Port over fix from subs/base * Space out right nav feeds, widen sidebar to match prod * Fix lost padding on home header * Fix perf by not actually linking to new URL * Remove underline on focus * Foramt --------- Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
* [Layout] Base (#6907)Eric Bailey2024-12-051-3/+8
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | * Add common gutter styles as hook * Add computed scrollbar gutter CSS vars * Add new layout components * Replace layout components in settings screens * Remove old back button * Invert web border logic for easier migration * Clean up Slot API * Port over FF handling of scrollbar offset * Trade boilerplate for ease of use * Limit to one line * Allow two lines, fix wrapping * Fix alignment * sticky headers * set max with on header and center * [Layout] Notifications Header (#6910) * Replace notifications screen header * fix cropped indicator --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com> * Replace Hashtag header (#6928) * [Layout] ChatList header (#6929) * Replace ChatList header * update chat settings as well --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com> * Add web borders to Chat settings * Remove unused var * Move ChatList header outside center * Replace empty chat layout * fix breakpoints * [Layout] Scrollbar gutters (#6908) * Fix sidebar alignment * Make sure scrollbars don't hide * Gift left nav more space * Use stable one-edge, update logic in RightNav * Ope * Increase width * Reset * Add transform to sidebars * Remove bg in sidebars * Handle shifts in layout components * Replace scroll-removal handling * Make react-remove-scroll an explicit dep * Remove unused script * use correct scroll insets (#6950) * [Layout] Feeds headers (#6913) * Replace ViewHeader internals, duplicate old ViewHeader * Replace Feeds header * Replace SavedFeeds header * Visual alignment * Uglier but clear * Use old ViewHeader for SavedFeeds * use Layout.Center instead of Layout.Content * use left-aligned header for feed edit * delete unused old view header --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com> * [Layout] Every other screen (#6953) * attempt to fix double borders on every other screen * delete ListHeaderDesktop * delete `SimpleViewHeader` and fix screens (#6956) * Make Layout.Center not full height * Refactor List to use Layout.Center, remove built-in borders * Fix Home screen * Refactor PagerWithHeader to use Layout components * Replace components in ProfileFeed and ProfileList * Borders on Profile * Search screen replacements * use new header for profile subpage header (#6958) * Search AutocompleteResults * use new header for starter pack wizard (#6957) * Fix post thread * Enable borders by default * Moderation muted and blocked accounts * Fix scrollbar offset on Labeler * Remove ScrollView from Moderation * Remove ScrollView from Deactivated * Remove ScrollView from onboarding * Remove ScrollView from SignupQueued * Mark deprecations * fix lint * Fix double borders on profile load * Remove unneeded CenteredView from noty Feed * Remove double Center layout on Notifications screen * Remove double Center layout on ChatList screen * Handle scrollbar offset in chat * Use new atom for other scrollbar offsets * Remove borders from old views * Better doc * Remove temp migration prop * Fix new atom usage on native * Clean up Hashtag screen * Layout docs * Clarify usage in Pager * Handle nested offset contexts * Clean up Layout * fix feeds page * asymmetric header on native (#6969) * Reusable header const * Fix up home header * Add back button to convo * Add hitslop to header buttons * Comment * Better handling on native for new atom * Format * Fix nested flatlist on mod screens * Use react-remove-scroll-bar directly * Fix notification count overflow on web * Clarify doc --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com>
* Leverage jsx transform to remove unnecessary react imports and update eslint ↵Paul Coroneos2024-11-191-1/+0
| | | | | | | | | config (#6516) * update eslint config with jsx runtime * leverage jsx transform to remove unnecessary react imports and update eslint config * run yarn lint --fix to remove eslint disables related to react/prop-types that is now disabled
* Mark "Logo by ..." in RightNav translatable like it in Drawer (#5788)Takayuki KUSANO2024-10-171-14/+16
|
* Improve styles (#4916)Minseo Lee2024-08-111-4/+5
| | | | Co-authored-by: Hailey <me@haileyok.com>
* Replace `import hairlineWidth =` with const (#4831)Samuel Newman2024-07-251-4/+3
| | | | | | | | | * replace import with const * just use `StyleSheet.hairlineWidth` --------- Co-authored-by: Samuel Newman <10959775+mozzius@users.noreply.github.com>
* New user progress guides (#4716)Paul Frazee2024-07-041-3/+7
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | * Add the animated checkmark svg * Add progress guide list and task components * Add ProgressGuide Toast component * Implement progress-guide controller * Add 7 follows to the progress guide * Wire up action captures * Wire up progress-guide persistence * Trigger progress guide on account creation * Clear the progress guide from storage on complete * Add progress guide interstitial, put behind gate * Fix: read progress guide state from prefs * Some defensive type checks * Create separate toast for completion * List tweaks * Only show on Discover * Spacing and progress tweaks * Completely hide when complete * Capture the progress guide in local state, and only render toasts while guide is active * Fix: ensure persisted hydrates into local state * Gate --------- Co-authored-by: Eric Bailey <git@esb.lol> Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
* Change many border widths from `1` to `hairlineWidth` (#4294)Hailey2024-05-311-2/+3
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | * feed items * update some more * moar * profile card * composer and notifications * settings screen * remove border from first item in feeds * remove border from first item in feeds * more removal of top border * fix flatlist rendering * oops * scroll to top fab * a.border * centeredview/list * placeholder * web sidebar * search posts * feeds list * user lists * list header * account list width 1 * hide top border feedgens * same for lists * fix tab bar web desktop * wait... * show the border on desktop web * fix lists * fix lists * round
* Add kawaii mode (#3773)Samuel Newman2024-05-011-9/+24
|
* remove sandbox labels (#2883)Hailey2024-02-161-10/+2
| | | | | * rm sandbox * remove comment
* Remove invites code UI (#2851)Eric Bailey2024-02-121-85/+2
| | | | | * Hide invite codes UI, comment in settings * Just comment out
* Update `blueskyweb.xyz` links to `bsky.social` (#2830)surfdude292024-02-121-2/+2
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | * Update blogpost link to bsky.social and remove unnecessary localisation params at end of Play Store URL in README.md * Update privacy policy link to bsky.social in PrivacyPolicy.tsx * Update TOS link to bsky.social in TermsOfService.tsx * Update links to bsky.social in Links.tsx * Update links to bsky.social in SplashScreen.web.tsx * Update link to bsky.social in base.html * Update links to bsky.social in HomeLoggedOutCTA.tsx * Update links to bsky.social in RightNav.tsx * Update links to bsky.social in Drawer.tsx * Update DMCA link to bsky.social in Modal.tsx * Update link to copyright policy on bsky.social in CopyrightPolicy.tsx * Update link to bsky.social in CommunityGuidelines.tsx * Update links to bsky.social in Settings.tsx * Update to bsky.social in Typography.tsx
* New Web Layout (#2126)dan2024-01-221-2/+3
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | * Rip out virtualization on the web * Screw around with layout * onEndReached * scrollToOffset * Fix background * onScroll * Shell bars * More scroll * Fixes * position: sticky * Clean up 1 * Clean up 2 * Undo PagerWithHeader changes and fork it * Trim down both versions * Cleanup 3 * Memoize, lint * Don't scroll away modal or lightbox * Add content-visibility for rows * Fix composer * Fix types * Fix borked scroll animation * Fixes to layout * More FlatList parity * Layout fixes * Fix more layout * More layout * More layouts * Fix profile layout * Remove onScroll * Display: none inactive pages * Add an intermediate List component * Fix type * Add onScrolledDownChange * Port pager to use onScrolledDownChange * Fix on mobile * Don't pass down onScroll (replacement TBD) * Remove resetMainScroll * Replace onMainScroll with MainScrollProvider * Hook ScrollProvider to pager * Fix the remaining special case * Optimize a bit * Enforce that onScroll cannot be passed * Keep value updated even if no handler * Also memo it * Move the fork to List.web * Add scroll handler * Consolidate List props a bit * More stuff * Rm unused * Simplify * Make isScrolledDown work * Oops * Fixes * Hook up context scroll handlers * Scroll restore for tabs * Route scroll restoration POC * Fix some issues with restoration * Remove bad idea * Fix pager scroll restoration * Undo accidental locale changes * onContentSizeChange * Scroll to post * Better positioning * Layout fixes * Factor out navigation stuff * Cleanup * Oops * Cleanup * Fixes and types * Naming etc * Fix crash * Match FL semantics * Snap the header scroll on the web * Add body scroll lock * Scroll to top on search * Fix types * Typos * Fix Safari overflow * Fix search positioning * Add border * Patch react navigation * Revert "Patch react navigation" This reverts commit 62516ed9c20410d166e1582b43b656c819495ddc. * fixes * scroll * scrollbar * cleanup unrelated * undo unrel * flatter * Fix css * twk
* Internationalize more strings (#2440)Stanislas Signoud2024-01-091-1/+1
| | | Co-authored-by: Ansh <anshnanda10@gmail.com>
* Fix: Web design issues (#2377) (#2410)Eric Bailey2024-01-031-3/+3
| | | | | | | * Fix web design issues * Fix Right Nav width design issue Co-authored-by: Rahul Yadav <52163880+rahulyadav5524@users.noreply.github.com>
* show search in centre column on desktopSamuel Newman2023-12-201-5/+19
|
* Fix: Some display issues (#2219)Hima2023-12-181-1/+1
| | | | | * Update LeftNav.tsx * Update RightNav.tsx
* Rework the rightnav overflow behavior to not obscure the scroll region (#2199)Paul Frazee2023-12-131-67/+65
|
* Make right nav scrollable on short screens (#2186)Eric Bailey2023-12-121-60/+63
|
* Improvements to persisted state migration (#2098)Eric Bailey2023-12-051-2/+2
| | | | | | | | | | | * Fix session email/emailConfirmed types, update usage for safer access * Handle fallback better, better errors * Better handling, add test * Add test for default data * Remove fallback, not needed, update logs
* show informative message when token scope is wrongSamuel Newman2023-11-301-11/+38
|
* [PWI] Shell (#1967)Eric Bailey2023-11-211-16/+33
| | | | | | | | | | | | | | | * Sidebars * Bottom bar * Drawer * Translate * Spacing fix * Fix responsive regression * Fix nit
* Hindi Internationalization (#1914)Ansh2023-11-201-4/+7
| | | | | | | | | | | | | | | | | | | | | | * get basic hindi support to work * get web app language switcher in * Refactor i18n implementation and remove unused code * add missing strings * add dropdowns and modals missing strings * complete all hindi translations * fix merge conflicts * fix legeacy persisted state * fix data in RecommendedFeeds * fix lint
* Remove deprecated models and mobx usage (react-query refactor) (#1934)Paul Frazee2023-11-161-5/+4
| | | | | | | | | | | | | | | | | | | | | * Update login page to use service query * Update modal to use session instead of store * Move image sizes cache off store * Update settings to no longer use store * Update link-meta fetch to use agent instead of rootstore * Remove deprecated resolveName() * Delete deprecated link-metas cache * Delete deprecated posts cache * Delete all remaining mobx models, including the root store * Strip out unused mobx observer wrappers
* Refactor invites modal (#1930)Eric Bailey2023-11-161-8/+7
| | | | | | | * Refactor invites modal * Replace in drawer * Delete stuff from me model
* Pare down session as much as possibleEric Bailey2023-11-101-3/+2
|
* Web login/signup and shellEric Bailey2023-11-091-4/+6
|
* Add modal state provider, replace usage except methods (#1833)Eric Bailey2023-11-081-2/+4
| | | | | | | | | | | | | * Add modal state provider, replace usage except methods * Replace easy spots * Fix sticky spots * Replace final usages * Memorize context objects * Add more warnings
* Revert "Fix invite codes flash on desktop, use loading placeholder (#1591)" ↵Paul Frazee2023-10-101-43/+29
| | | | | (#1656) This reverts commit 9278822088d212c9bee6a40a6a8b773bc482242d.
* Fix invite codes flash on desktop, use loading placeholder (#1591)Patroll2023-10-041-29/+43
| | | | | * Fix invite codes flashing untrue value before loaded * Add loading placeholder for right nav invites
* Handle long feed listings on the right nav with scrolling (#1562)Paul Frazee2023-09-281-0/+2
|
* Move sidebar by 10px for more even padding (#1543)Tanza2023-09-281-1/+1
|
* Feed UI update working branch [WIP] (#1420)Paul Frazee2023-09-181-2/+3
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | * Feeds navigation on right side of desktop (#1403) * Remove home feed header on desktop * Add feeds to right sidebar * Add simple non-moving header to desktop * Improve loading state of custom feed header * Remove log Co-authored-by: Eric Bailey <git@esb.lol> * Remove dead comment --------- Co-authored-by: Eric Bailey <git@esb.lol> * Redesign feeds tab (#1439) * consolidate saved feeds and discover into one screen * Add hoverStyle behavior to <Link> * More UI work on SavedFeeds * Replace satellite icon with a hashtag * Tune My Feeds mobile ui * Handle no results in my feeds * Remove old DiscoverFeeds screen * Remove multifeed * Remove DiscoverFeeds from router * Improve loading placeholders * Small fixes * Fix types * Fix overflow issue on firefox * Add icons prompting to open feeds --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com> * Merge feed prototype [WIP] (#1398) * POC WIP for the mergefeed * Add feed API wrapper and move mergefeed into it * Show feed source in mergefeed * Add lodash.random dep * Improve mergefeed sampling and reliability * Tune source ui element * Improve mergefeed edge condition handling * Remove in-place update of feeds for performance * Fix link on native * Fix bad ref * Improve variety in mergefeed sampling * Fix types * Fix rebase error * Add missing source field (got dropped in merge) * Update find more link * Simplify the right hand feeds nav * Bring back load latest button on desktop & unify impl * Add 'From' to source * Add simple headers to desktop home & notifications * Fix thread view jumping around horizontally * Add unread indicators to desktop headers * Add home feed preference for enabling the mergefeed * Add a preference for showing replies among followed users only (#1448) * Add a preference for showing replies among followed users only * Simplify the reply filter UI * Fix typo * Simplified custom feed header * Add soft reset to custom feed screen * Drop all the in-post translate links except when expanded (#1455) * Update mobile feed settings links to match desktop * Fixes to feeds screen loading states * Bolder active state of feeds tab on mobile web * Fix dark mode issue --------- Co-authored-by: Eric Bailey <git@esb.lol> Co-authored-by: Ansh <anshnanda10@gmail.com>
* Give explicit names to MobX observer components (#1413)dan2023-09-071-2/+2
| | | | | | | | | * Consider observer(...) as components * Add display names to MobX observers * Temporarily suppress nested components * Suppress new false positives for react/prop-types
* Upgrade to Expo 49 (#1331)Eric Bailey2023-09-051-0/+1
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | * update to expo 49 * update expo-camera to fix console erorrs * run doctor again * fix ts errors * patch @sentry/react-native Getting `cannot read property 'ignoreLogs' of undefined` in this file. Ironically, this may be a cyclical imports problem. LogBox isn't enabled in production, so this patch should only affect dev/test. * fix type error * reinstall newer reanimated * pin expo-dev-client to fix reanimated dev-build issue * fix type errors, fix bad conflict res * Fix to notifications badge z-index on desktop --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
* Updates to use dynamic/responsive styles on web (#1351)Paul Frazee2023-09-051-0/+6
| | | | | | | | | | | | | | | | | | | * Move most responsive queries to the hook * Fix invalid CSS value * Fixes to tablet render of post thread * Fix overflow issues on web * Fix search header on tablet * Fix QP margin in web composer * Fix: only apply double gutter once to flatlist (close #1368) * Fix styles on discover feeds header * Fix double discover links in multifeed
* [APP-773] Change waitlist explainer copy (#1021)Paul Frazee2023-07-171-6/+1
| | | | | | | * Change waitlist explainer copy * Restore the waitlist modal snap point to 80% to account for smaller phones * Tune copy further
* Update support links (#977)Paul Frazee2023-07-051-3/+15
| | | | | | | | | | | | | | | | | | | * Add the new zendesk feedback form URL * Dont wrap handle or display name in the drawer * Add help link * Tune drawer footer layout * Type fixes * make helpdesk urls more composable for future * fix typo --------- Co-authored-by: Ansh Nanda <anshnanda10@gmail.com>
* Fix some broken links on policy docs (#916)Paul Frazee2023-06-271-2/+2
|
* Add testnet warning (#880)Paul Frazee2023-06-141-4/+13
| | | | | | | * Add testnet warning * Add watermarks to posts * Call the test environment the Sandbox
* Desktop: prevent unnecessary X scroll between 1230px and 1260px (#828)Ivan Silvestre2023-06-131-1/+1
| | | | | | | * Desktop: prevent unnecessary X scroll between 1230px and 1260px * imports structure without changes * re add dot to text
* Fix line breaks on side bar links (#815)Michi Hoffmann2023-06-011-1/+1
|
* Remove unused importsJaz2023-05-171-2/+2
|
* Move appearance settings to settings pageJaz2023-05-171-121/+0
|
* Use a three-state radio button for color modeJaz2023-05-161-38/+106
|
* Feat: Use system default color mode, but allow user overrideJaz2023-05-161-15/+27
|
* Format count and fix type warning (#600)Ollie H2023-05-081-1/+2
|
* React Native accessibility (#539)Ollie H2023-05-011-2/+18
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | * React Native accessibility * First round of changes * Latest update * Checkpoint * Wrap up * Lint * Remove unhelpful image hints * Fix navigation * Fix rebase and lint * Mitigate an known issue with the password entry in login * Fix composer dismiss * Remove focus on input elements for web * Remove i and npm * pls work * Remove stray declaration * Regenerate yarn.lock --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
* #435 web dark mode (#455)Ansh2023-04-121-0/+35
| | | | | | | | | | | | | | | | | | | | | * add ThemeProvider to App.web.tsx * make FlatNavigator use themed color * fix extra padding on top in web * add observer to App.web.tsx to make it react to theme changes * fix TS for useColorSchemeStyle * add dark mode toggle button to web LeftNav * fix index.web.tsx border colors for web * Move the darkmode desktop web toggle to the right nav column --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
* Add tos, community guidelines, and copyright policy (#410)Paul Frazee2023-04-061-0/+9
| | | | | * Add tos, community guidelines, and copyright policy * Fix lint