Master -> dev

.github/workflows/docker.yml

@@ -9,7 +9,7 @@ jobs:
   atlas:
     runs-on: ubuntu-latest
     env:
-      NODE_OPTIONS: "--max_old_space_size=4096"
+      NODE_OPTIONS: "--max_old_space_size=6144"
     steps:
       - name: Login to DockerHub
         uses: docker/login-action@v1

CHANGELOG.md

@@ -5,6 +5,123 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [4.13.2] - 2023-11-14
+
+### Changed
+
+- YPP payout date is moved to Tuesday
+- Account seed is now downloaded by default
+- Changed referrals list on referrals page
+
+### Fixed
+
+- Fixed performance issues on mobile devices
+- Fixed player styling on mobile devices
+- Fixed incorrect rewards on YPP dashboard tab
+
+## [4.13.1] - 2023-11-09
+
+### Fixed
+
+- Minor markup fixes on referrals page
+- Fixed issue with YPP landing page carousel
+- Fixed user logs
+
+## [4.13.0] - 2023-11-08
+
+### Added
+
+- new Referrals page
+
+### Changed
+
+- YPP channel carousel is now showing most paid channels
+- Removed YPP signup quota check
+
+### Fixed
+
+- Fixed password suggestion being shown in the wrong places
+- Fixed issue with channel asset upload
+- Fixed NFT button being available for unauthorized users
+- Fixed incorrect block number in payments table
+- Fixed avatars on NFT carousel
+
+## [4.12.0] - 2023-11-01
+
+### Changed
+
+- YPP requirements are now fetched from yt-synch
+- Changed rewards for higher tiers
+- Moved YPP daily quota to config
+
+## [4.11.0] - 2023-10-20
+
+### Added
+
+- Added banner for second channel opt-in
+- Added signup tutorial video on YPP landing page
+- Added permanent referral link btn on YPP referrals tab
+
+### Changed
+
+- Password fields autocomplete was removed
+- Adjusted YPP referral link
+- Changed sort algorithm for YPP channels carousel
+
+### Fixed
+
+- Fixed redirect to YPP dashboard after sign in
+- Fixed asset provider incorrect behaviour
+- Fixed issue with GAuth code persistence
+
+## [4.10.2] - 2023-10-12
+
+### Fixed
+
+- Fixed issues with channel funds withdrawal
+
+## [4.10.1] - 2023-10-11
+
+### Changed
+
+- Removed YPP channel requirements
+
+### Fixed
+
+- Fixed issue with failing funds withdrawal
+- Fixed crashes on ypp dashboard and referrals page
+- Fixed channel assets modification
+- Fixed referral link generation
+
+## [4.10.0] - 2023-10-06
+
+### Added
+
+- Introduced new categories
+- YPP was updated to v2.0: updated landing page, new tiers system; rewards, referrals and dashboard changes
+
+### Changed
+
+- Changed channel tokens withdrawal from membership account to any Joystream account
+
+### Fixed
+
+- Fixed bug with slow loading of a homepage
+- Fixed bug with bid withdrawal from an auction
+- Minor markup fixes
+
+## [4.9.2] - 2023-09-22
+
+### Changed
+
+- Captcha was moved to the last signup step
+
+### Fixed
+
+- Fixed bug with checking the encoding for non-video assets
+- Fixed bug with missing upload button for mobile devices
+- Fixed bug with infinite modal on signup
+
 ## [4.9.1] - 2023-09-14
 
 ### Changed
@@ -124,7 +241,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fixed bug with infinite loop in studio
-- Fixed error with WASM 
+- Fixed error with WASM
 
 ## [4.4.2] - 2023-08-09
 

packages/atlas/atlas.config.yml

@@ -1,5 +1,5 @@
 general:
-  appName: Atlas # Application name - used in the copy throughout the app, in index.html, open graph meta tags, etc. Don't use env variables here
+  appName: Gleev # Application name - used in the copy throughout the app, in index.html, open graph meta tags, etc. Don't use env variables here
   appDescription: 'The streaming platform empowering viewers, creators, and builders. Built on and operated by the Joystream blockchain and DAO.' # Application description - used in index.html meta tags
   appTagline: 'The streaming platform empowering viewers, creators, and builders. Built on and operated by the Joystream blockchain and DAO.'
   appId: '$VITE_APP_ID' # App ID for Apps as first-class citizens

packages/atlas/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@joystream/atlas",
   "description": "UI for consuming Joystream - a user governed video platform",
-  "version": "4.9.1",
+  "version": "4.13.2",
   "license": "GPL-3.0",
   "scripts": {
     "start": "vite",
@@ -96,7 +96,7 @@
     "retry-axios": "^3.0.0",
     "scroll-lock": "^2.1.5",
     "subscriptions-transport-ws": "^0.11.0",
-    "swiper": "^9.1.1",
+    "swiper": "11.0.4",
     "twemoji": "^14.0.2",
     "use-draggable-scroll": "^0.1.0",
     "use-resize-observer": "^9.1.0",

packages/atlas/src/api/hooks/nfts.ts

@@ -194,9 +194,6 @@ export const useFeaturedNftsVideos = () => {
     variables: {
       limit: 10,
       orderBy: [OwnedNftOrderByInput.VideoViewsNumDesc],
-      where: {
-        isFeatured_eq: true,
-      },
     },
   })
 

packages/atlas/src/components/Avatar/Avatar.styles.ts

@@ -5,6 +5,7 @@ import styled from '@emotion/styled'
 import { SvgActionAddImage, SvgActionEdit, SvgIllustrativeFileFailed } from '@/assets/icons'
 import { SvgAvatarSilhouette } from '@/assets/illustrations'
 import { AssetImage } from '@/components/AssetImage'
+import { smallBadgeStyles } from '@/components/Badge'
 import { SkeletonLoader } from '@/components/_loaders/SkeletonLoader'
 import { cVar, square, zIndex } from '@/styles'
 
@@ -171,3 +172,15 @@ export const StyledSvgIllustrativeFileFailed = styled(SvgIllustrativeFileFailed)
     fill: ${cVar('colorCoreNeutral100')};
   }
 `
+
+export const BadgeContainer = styled.div<{ 'data-badge': string | number | boolean | undefined }>`
+  display: ${(props) => (props['data-badge'] ? 'block' : 'contents')};
+  position: relative;
+  ${smallBadgeStyles}
+
+  &[data-badge]::after {
+    position: absolute;
+    right: -6px;
+    top: -6px;
+  }
+`

packages/atlas/src/components/Carousel/Carousel.styles.ts

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled'
-import { SwiperOptions } from 'swiper'
 import { Swiper } from 'swiper/react'
+import { SwiperOptions } from 'swiper/types'
 
 import { Button } from '@/components/_buttons/Button'
 import { cVar, media, sizes, transitions, zIndex } from '@/styles'

packages/atlas/src/components/Carousel/Carousel.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react'
-import { Pagination } from 'swiper'
 import 'swiper/css'
+import { Navigation, Pagination } from 'swiper/modules'
 import { SwiperProps, SwiperSlide } from 'swiper/react'
 import { Swiper as SwiperType } from 'swiper/types'
 
@@ -15,7 +15,7 @@ export type CarouselProps = {
 } & SwiperProps
 
 const dotsProps = {
-  modules: [Pagination],
+  modules: [Pagination, Navigation],
   pagination: {
     clickable: true,
     bulletClass: 'bullet',

packages/atlas/src/components/NftCarousel/components/MarketplaceCarouselCard/MarketplaceCarouselCard.styles.ts

@@ -20,7 +20,7 @@ export const InformationContainer = styled.div<{ isPaused: boolean }>`
   }
 `
 
-export const Container = styled.div<{ isActive: boolean }>`
+export const Container = styled.div`
   display: flex;
   flex-direction: column;
   position: relative;