fix(prod): unavailbale text into prod

gitea-patch-1
Rakov 2 years ago
parent 8896df9f1f
commit cff05d1fb5
  1. 55
      .drone.yml
  2. 11
      src/components/UnavailableText/index.tsx
  3. 6
      src/features/App/index.tsx

@ -1059,4 +1059,57 @@ steps:
- aws s3 sync build_insport_live s3://insports-live --delete
- aws cloudfront create-invalidation --distribution-id E1LBC88VYP6XVB --paths "/*"
depends_on:
- make-insport-live
- make-insport-live
---
kind: pipeline
type: docker
name: deploy insports.tv
concurrency:
limit: 1
platform:
os: linux
arch: amd64
trigger:
ref:
- refs/heads/insports.tv
steps:
- name: npm-install
image: node:16-alpine
environment:
REACT_APP_STRIPE_PK:
from_secret: REACT_APP_STRIPE_PK
commands:
- apk add --no-cache make
- npm install --legacy-peer-deps
- name: make-prod
image: node:16-alpine
environment:
REACT_APP_STRIPE_PK:
from_secret: REACT_APP_STRIPE_PK
commands:
- apk add --no-cache make
- make prod
depends_on:
- npm-install
- name: deploy-prod
image: amazon/aws-cli:latest
environment:
AWS_ACCESS_KEY_ID:
from_secret: AWS_ACCESS_KEY_ID
AWS_SECRET_ACCESS_KEY:
from_secret: AWS_SECRET_ACCESS_KEY
AWS_DEFAULT_REGION:
from_secret: AWS_DEFAULT_REGION
AWS_MAX_ATTEMPTS: 10
commands:
- aws s3 sync build s3://insports-prod --delete
- aws cloudfront create-invalidation --distribution-id E3KY6BCU3AYHEW --paths "/*"
depends_on:
- make-prod

@ -1,3 +1,4 @@
/* eslint-disable max-len */
import styled from 'styled-components/macro'
const Info = styled.p`
@ -8,12 +9,18 @@ const Info = styled.p`
font-size: 1.5rem;
`
const EmailLink = styled.a`
margin-left: 10px;
color: white;
`
export const UnavailableText = () => (
<Info>
The site is temporarily unavailable
{/* The site is temporarily unavailable
<br />
El sitio está temporalmente fuera de servicio
<br />
Сайт временно не доступен
Сайт временно не доступен */}
The inSports TV streaming platform is discontinued. For queries, contact us at <EmailLink href='mailto: support@insports.tv'>support@insports.tv</EmailLink>
</Info>
)

@ -1,3 +1,4 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
import {
Suspense,
useEffect,
@ -72,10 +73,11 @@ const OTTApp = () => (
<GlobalStores>
<Background>
<Suspense fallback={null}>
{isAvailable
{/* {isAvailable
&& (date.getTime() < new Date(startDate).getTime()
|| date.getTime() > new Date(stopDate).getTime())
? (<Main />) : (<UnavailableText />)}
? (<Main />) : (<UnavailableText />)} */}
<UnavailableText />
</Suspense>
</Background>
</GlobalStores>

Loading…
Cancel
Save