remove unecessary

This commit is contained in:
cupcakearmy
2020-01-05 17:34:49 +01:00
parent 3a2ee3cd7c
commit 7b5f7cfe86
2 changed files with 9 additions and 12 deletions

38
screens/Letters.tsx Normal file
View File

@@ -0,0 +1,38 @@
import React, { useEffect, useRef, useState } from 'react'
import LetterAnimation from '../components/LetterAnimation'
import '../styles/Letters.styl'
type Pair = [string, string]
const pairs: Pair[] = [
['visualize', 'create'],
['invision', 'build'],
['ideate', 'deploy'],
]
export const Duration = 4000
const Letters: React.FC = React.memo(() => {
const [index, setIndex] = useState<number>(0)
const wrapper = useRef<HTMLElement>(null)
useEffect(() => {
setTimeout(
() => setIndex((index < pairs.length - 1) ? index + 1 : 0),
Duration,
)
}, [index])
return <span id={'letters-wrapper'} ref={wrapper}>
<LetterAnimation text={pairs[index][0] + '.'} />
<br />
<LetterAnimation text={pairs[index][1] + '.'} delay={500} />
</span>
})
export default Letters