marekpiechut

const useLazyMediaLoad = media => {
	const [url, setUrl] = useState<?string>(null)
	const targetRef = useRef<?HTMLElement>(null)

	useEffect(() => {
		if (!IntersectionObserver) {
			thumbLoader(media).then(setUrl)
		} else if (targetRef.current) {
			let observer = new IntersectionObserver(
				entries =>

marekpiechut

const ExerciseItem = ({ exercise, thumbLoader }: Props) => {
	const [url, setUrl] = useState<?string>(null)
	const thisRef = useRef<?HTMLDivElement>(null)

	const media = exercise.media.id

	useEffect(() => {
		if (IntersectionObserver) {
			let observer = new IntersectionObserver(
				entries =>

marekpiechut

{
	rootMargin: '0px 0px 200px 0px'
}

marekpiechut

const ExerciseItem = ({ exercise }: Props) => {
	const [url, setUrl] = useState<?string>(null)
	const thisRef = useRef<?HTMLDivElement>(null)

	useEffect(() => {
		let observer = new IntersectionObserver(
			entries => entries.forEach(entry => {
				if (entry.isIntersecting) {
					thumbLoader(media).then(setUrl)
					observer = observer.disconnect()

marekpiechut

const ExerciseItem = ({ exercise }: Props) => {
	const [url, setUrl] = useState<?string>(null)

	useEffect(() => {
		thumbLoader(media).then(setUrl)
	}, [media, thumbLoader])

	return <div css={styles.thumb} style={{ backgroundImage: `url(${url})` }} />
}

marekpiechut

const ExerciseItem = ({ exercise }: Props) => {
	const [url, setUrl] = useState<?string>(null)
	return <div css={styles.thumb} style={{ backgroundImage: `url(${url})` }} />
}

marekpiechut

const resolvers = membersOnly({
  Query: {
    templates: (parent, args, { user }) => {
      return service.fetchForUser(user.uuid)
    },
    tasks: (parent, args, { user }) => {
      return service.fetchTasks(user.uuid)
    },
  },
})

marekpiechut

const requiresRole = role => resolver => {
  if (isFunction(resolver)) {
    return (parent, args, context, info) => {
      if (context.user && (!role || context.user.role === role)) {
        return resolver(parent, args, context, info)
      } else {
        throw new AuthenticationError('Unauthorized')
      }
    }
  } else if (isObject(resolver)) {

marekpiechut

Query: {
  templates: membersOnly((parent, args, { user }) => {
    return service.fetchForUser(user.uuid)
  }),
  adminTasks: adminsOnly((parent, args, { user }) => {
    return service.fetchAdminTasks(user.uuid)
  }),
}

marekpiechut

const requiresRole = role => resolver => {
  return (parent, args, context, info) => {
    if (context.user && (!role || context.user.role === role)) {
      return resolver(parent, args, context, info)
    } else {
      throw new AuthenticationError('Unauthorized')
    }
  }
}
const membersOnly = requiresRole('MEMBER')