Update static assets (#2384)

* update config vars

* update css and code to handle assets

.env.example

@@ -19,9 +19,9 @@ REACT_APP_GIPHY_SDK_KEY=
 
 REACT_APP_MESSENGER_INVITE_PATH="http://localhost:3000/get-access"
 
-REACT_APP_VIDEO_ASSETS_PATH="https://res.cloudinary.com/fact0ry/video/upload/v1681745540/zero-assets/zos/"
+REACT_APP_VIDEO_ASSETS_PATH="https://zos-assets.s3.us-east-1.amazonaws.com/videos"
 
-REACT_APP_IMAGE_ASSETS_PATH="https://res.cloudinary.com/fact0ry/image/upload/v1681745540/zero-assets/zos"
+REACT_APP_IMAGE_ASSETS_PATH="https://zos-assets.s3.us-east-1.amazonaws.com/images"
 
 REACT_APP_ANDROID_STORE_PATH="https://play.google.com/store/apps/details?id=com.zero.android"
 

src/_functions.scss

@@ -1,4 +1,4 @@
 @function cloudAsset($name) {
-  $root: 'https://res.cloudinary.com/fact0ry/image/upload/v1681745540/zero-assets/zos/';
+  $root: 'https://zos-assets.s3.us-east-1.amazonaws.com/images/';
   @return $root + $name;
 }

src/components/invite-dialog/container.test.tsx

@@ -11,7 +11,7 @@ describe('Container', () => {
     const allProps: Properties = {
       inviteCode: '',
       inviteUrl: '',
-      assetPath: '',
+      assetsPath: '',
       inviteCount: 0,
       isLoading: false,
       fetchInvite: () => null,

src/components/invite-dialog/container.tsx

@@ -13,7 +13,7 @@ export interface Properties extends PublicProperties {
   inviteCode: string;
   inviteCount: number;
   inviteUrl: string;
-  assetPath: string;
+  assetsPath: string;
   isLoading: boolean;
 
   fetchInvite: () => void;
@@ -27,7 +27,7 @@ export class Container extends React.Component<Properties> {
     return {
       inviteCode: createInvitation.code,
       inviteUrl: createInvitation.url,
-      assetPath: config.imageAssetsPath,
+      assetsPath: config.imageAssetsPath,
       inviteCount: createInvitation.inviteCount,
       isLoading: createInvitation.isLoading,
     };
@@ -51,7 +51,7 @@ export class Container extends React.Component<Properties> {
         inviteCode={this.props.inviteCode}
         inviteCount={this.props.inviteCount}
         inviteUrl={this.props.inviteUrl}
-        assetsPath={this.props.assetPath}
+        assetsPath={this.props.assetsPath}
         onClose={this.props.onClose}
         isLoading={this.props.isLoading}
       />

src/main.scss

@@ -62,7 +62,7 @@ $border-color-hover: theme-zui.$color-primary-7;
     @include main-background;
 
     &.static-green-particles {
-      background-image: url(cloudAsset('AbstractBGwithoutShine.jpg'));
+      background-image: url(cloudAsset('GreenParticlesStatic.png'));
     }
 
     &.static-lights-out {

src/utils.ts

@@ -31,9 +31,9 @@ export function getMainBackgroundClass(selectedMainBackground) {
 export function getMainBackgroundVideoSrc(selectedMainBackground) {
   switch (selectedMainBackground) {
     case MainBackground.AnimatedGreenParticles:
-      return `${config.videoAssetsPath}GreenParticlesBG.mp4`;
+      return `${config.videoAssetsPath}/GreenParticlesBG.mp4`;
     case MainBackground.AnimatedBlackParticles:
-      return `${config.videoAssetsPath}BlackParticlesBG.mp4`;
+      return `${config.videoAssetsPath}/BlackParticlesBG.mp4`;
     default:
       return '';
   }