Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/sticky player #24

Open
wants to merge 13 commits into
base: develop
Choose a base branch
from
Open

Feature/sticky player #24

wants to merge 13 commits into from

Conversation

SoYoung210
Copy link
Contributor

Desc

comment화면에서 스크롤에 따라 상단 Player를 fold -> unfold하는 애니메이션을 추가했습니다.

Demo

demo

재생버튼이 닫힌 후에 상단 Title이 닫히게 한번 해보고는 싶은데, 조금 어렵네요 ㅠ @JaeYeopHan

@SoYoung210 SoYoung210 self-assigned this May 3, 2020
@vercel
Copy link

vercel bot commented May 3, 2020

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/zpapoo/ncha-frontend/p1aq7bhpe
✅ Preview: https://ncha-frontend-git-feature-sticky-player.zpapoo.now.sh

Copy link
Member

@JaeYeopHan JaeYeopHan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

aweeeesome! 👍

}
`

const Container = styled<'div', {isVisible: boolean}>('div')`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

how about this?

Suggested change
const Container = styled<'div', {isVisible: boolean}>('div')`
const Container = styled.div<{ isVisible: boolean }>`

@@ -8,7 +9,7 @@ import {
playerActions,
} from 'features/playerSlice'
import { useFetchWithStore } from 'hooks/useFetch'
import React from 'react'
import React from 'react'
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
import React from 'react'
import React from 'react'

{
currentComment.map((comment: Comment) => {
const { kind, contents, time, id } = comment
<div id={COMMENT_WRAPPER}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

?

import { useCallback, useEffect, useState } from 'react'

interface Params {
handleWheel: (params?: any) => void;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

how about this?

WheelEventHandler

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants