rutvikbhatt9

import { ApolloClient, ApolloLink, Observable, InMemoryCache } from "@apollo/client";
import { onError } from "@apollo/client/link/error";
import { RetryLink } from "@apollo/client/link/retry";
import { createUploadLink } from 'apollo-upload-client'

const request = async (operation) => {
    const token = "yourToken"; // you can get token from persistent storage or redux store
    console.log('REQUESTING', operation.operationName, operation.variables);
    operation.setContext({
        headers: {

rutvikbhatt9

import client from './src/api';
import { ApolloProvider } from '@apollo/client';

import Home from './src/screens/Home'

const App= () => {
return (
    <>
      {....}
      <ApolloProvider client={client}>

rutvikbhatt9

import { ApolloClient, ApolloLink, InMemoryCache } from "@apollo/client";

const link = ApolloLink.from([retryLink, requestLink, error, uploadLink]);
const cache = new InMemoryCache();

const client = new ApolloClient({
    link,
    cache,
});

rutvikbhatt9

import { RetryLink } from "@apollo/client/link/retry";

const retryLink = new RetryLink({
    delay: {
        initial: 5000, // milliseconds to wait before attempting the first retry
        max: 10000, // milliseconds that the link should wait for any retry.
    },
    attempts: {
        max: 10, // number of times to try a single operation before giving up
        retryIf: (error, _operation) => {

rutvikbhatt9

import { createUploadLink } from 'apollo-upload-client'

const uploadLink = createUploadLink({
    uri: "https://spacex-production.up.railway.app/", // Replace the URL with your server URL 
    fetchPolicy: 'cache-and-network', 
});

rutvikbhatt9

import { onError } from "@apollo/client/link/error";

const error = onError((error) => {
    const { graphQLErrors, networkError, operation } = error;
    if (graphQLErrors) {
        console.log('GRAPH QL ERROR', graphQLErrors);
        if (!graphQLErrors[0].message) {
            console.log('Something went wrong', graphQLErrors[0].name);
        } else {
            console.log("Error message", graphQLErrors[0].message);

rutvikbhatt9

import { ApolloLink, Observable } from "@apollo/client";

const request = async (operation) => {
    const token = "yourToken"; // you can get token from persistent storage or redux store
    console.log('REQUESTING', operation.operationName, operation.variables);
    operation.setContext({
        headers: {
            authorization: `Bearer ${token}`,
        },
    });

rutvikbhatt9

render() {
    const profileImageLeft = this._getImageLeftPosition();
    const profileImageTop = this._getImageTopPosition();
    const profileImageWidth = this._getImageWidth();
    const profileImageHeight = this._getImageHeight();

return(
      <Animated.Image
            style={
                [styles.profileImage, {

rutvikbhatt9

//artist profile image position from top
_getImageTopPosition = () => {
    const {scrollY} = this.state;

    return scrollY.interpolate({
        inputRange: [0, 140],
        outputRange: [ThemeUtils.relativeHeight(20), Platform.OS === 'ios' ? 8 : 10],
        extrapolate: 'clamp',
        useNativeDriver: true
    });

rutvikbhatt9

//artist profile image position from left
_getImageLeftPosition = () => {
    const {scrollY} = this.state;

    return scrollY.interpolate({
        inputRange: [0, 80, 140],
        outputRange: [ThemeUtils.relativeWidth(30), ThemeUtils.relativeWidth(38), ThemeUtils.relativeWidth(10)],
        extrapolate: 'clamp',
        useNativeDriver: true
    });