mobileapp/contexts/MockContext.js

import React, { createContext, useReducer, useContext } from "react";
import { v4 as uuidv4 } from 'uuid';

function mockReducer(state, action) {
  switch (action.type) {
    case "CHANGE_TABBAR_VISIBILITY":
      return { ...state, tabBarVisible: action.payload}
    case "LOGIN": 
      return { ...state, loggedIn: true, };
    case "LOGOUT": 
      return { ...state, loggedIn: false, };
    case "UPDATE_SELECTED_LANDMARK":
      return { ...state, selectedLandmark: action.payload, };
    case "UPDATE_LANDMARKS":
      return { ...state, landmarks: action.payload, };
    case "UPDATE_PLACES":
      return { ...state, places: action.payload, };
    case "UPDATE_SELECTED_PLACES":
      return { ...state, selectedPlaces: action.payload, };
    case "UPDATE_SELECTED_PLACE":
      return { ...state, selectedPlace: action.payload, };
    case "UPDATE_LOCATION_PERMISSION":
      return { ...state, locationPermission: action.payload, };
    case "UPDATE_LOCATION":
      return { ...state, location: action.payload, };
    default:
      throw new Error();
  }
}

export const seedLandmarkData = () => {
  return [
    {
      id: uuidv4(),
      rating: 5,
      postedBy: 'cdmoss',
      latitude: 53.48914616441755,
      longitude: -113.49762260454305,
      dateAdded: new Date(),
      title: "Allard way pothole",
      desc: "A massive pothole on the Allard Way sidewalk.",
      icon: 'pothole',
    },
    {
      id: uuidv4(),
      rating: 4,
      postedBy: 'cdmoss',
      latitude: 53.51839016964649,
      longitude: -113.49473594001775,
      dateAdded: new Date(),
      title: "Accessible bathroom on Whyte",
      desc: "A conveniently placed accessible bathroom.",
      icon: 'washroom',
      comments: [
      ]
    },
    {
      id: uuidv4(),
      rating: 0,
      postedBy: 'cendersby',
      latitude: 53.48963,
      longitude: -113.49401,
      dateAdded: new Date(),
      title: "Peter's Drive-in Construction",
      desc: "The sidewalk in front of Peter's is being rebuilt.",
      icon: 'roadblock',
      comments: [
        {
          id: uuidv4(),
          name: "shampshire",
          dateAdded: new Date(),
          text: "No! Not peters!"
        },
        {
          id: uuidv4(),
          name: "nmaeda",
          dateAdded: new Date(),
          text: "Good, Peter's is gross!"
        },
      ]
    },
  ];
};

const seedPlaces = () => {
  return [{
    id: uuidv4(),
    color: 'green',
    postedBy: 'cdmoss',
    coordinates: [
      [
        [
          -113.53052616119385,
          53.53087032262937
        ],
        [
          -113.53065490722656,
          53.523038509337624
        ],
        [
          -113.53241443634032,
          53.52298748300469
        ],
        [
          -113.53250026702881,
          53.518701051607486
        ],
        [
          -113.53310108184813,
          53.51783350677023
        ],
        [
          -113.5234022140503,
          53.51640457066658
        ],
        [
          -113.52087020874023,
          53.51811418498503
        ],
        [
          -113.52095603942871,
          53.52298748300469
        ],
        [
          -113.51490497589111,
          53.52291094339006
        ],
        [
          -113.51499080657958,
          53.525895885886285
        ],
        [
          -113.51833820343018,
          53.526941841607
        ],
        [
          -113.52099895477295,
          53.52854899152384
        ],
        [
          -113.52481842041016,
          53.529773445765805
        ],
        [
          -113.53052616119385,
          53.53087032262937
        ]
      ]
    ],
    dateAdded: new Date(),
    name: "UofA",
    desc: "The University of Alberta.",
    tips: [
      {
        id: uuidv4(),
        name: "shampshire",
        dateAdded: new Date(),
        text: "There are lots of great accessibility features at the University.",
        rating: 3,
        liked: false,
      },
    ]
  },
  {
    id: uuidv4(),
    postedBy: 'cdmoss',
    coordinates: [
      [
        [
          -113.52713584899902,
          53.52285991690344
        ],
        [
          -113.52730751037598,
          53.52074226350543
        ],
        [
          -113.52591276168823,
          53.52081880703848
        ],
        [
          -113.52580547332764,
          53.522847160272185
        ],
        [
          -113.52713584899902,
          53.52285991690344
        ]
      ]
    ],
    dateAdded: new Date(),
    name: "ECHA",
    color: 'red',
    desc: "The Edmonton Clinic Health Academy building.",
    tips: [
      {
        id: uuidv4(),
        name: "shampshire",
        dateAdded: new Date(),
        text: "There are lots of great accessibility features at ECHA.",
        rating: 3,
        liked: false
      },
    ]
  },
  {
    id: uuidv4(),
    rating: 4,
    postedBy: 'cdmoss', 
    color: 'blue',
    dateAdded: new Date(),
    name: "SUB",
    desc: "The Student Union Building.",
    tips: [
      {
        id: uuidv4(),
        name: "shampshire",
        dateAdded: new Date(),
        text: "There are lots of great accessibility features at SUB.",
        rating: 3,
        liked: false
      },
    ],
    coordinates: [
      [
        [
          -113.52796196937561,
          53.525691793953534
        ],
        [
          -113.52800488471983,
          53.5249710864483
        ],
        [
          -113.5263204574585,
          53.5249710864483
        ],
        [
          -113.52630972862244,
          53.525398410077315
        ],
        [
          -113.52684617042542,
          53.52544943350612
        ],
        [
          -113.5268783569336,
          53.52566628239279
        ],
        [
          -113.52796196937561,
          53.525691793953534
        ]
      ]
    ]
  }]
}

const mockState = {
    tabBarVisible: true,
    location: null,
    locationPermission: false,
    loggedIn: false,
    username: "cdmoss",
    email: "cdmoss@gmail.com",
    rank: 0,
    height: 170,
    weight: 91,
    landmarks: seedLandmarkData(),
    selectedLandmark: {
      icon: 'barrier'
    },
    places: seedPlaces(),
    selectedPlaces: [],
    selectedPlace: {name: ''},
  }

export const MockContext = createContext(mockState);

export const MockProvider = ({ children }) => {
  const [state, dispatch] = useReducer(mockReducer, mockState);

  return (
    <MockContext.Provider value={{ state, dispatch }}>
      {children}
    </MockContext.Provider>
  );
};

export const useMockState = () => {
  const context = useContext(MockContext);

  if (context === undefined) {
    throw new Error(
      "useMockState must be used within a MockProvider"
    );
  }

  return context;
}