youneshenniwrites

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
      </View>
    );

youneshenniwrites

import React from 'react'
import { StyleSheet, Text, View } from 'react-native'

// Amplify auth imports and config 
import Amplify from '@aws-amplify/core'
import { withAuthenticator } from 'aws-amplify-react-native'
import config from './aws-exports';

Amplify.configure(config)

youneshenniwrites

// Get all posts with all their likes
export const listPosts = `
  query {
    listPosts{
      items {
        id
        postOwnerUsername
        postContent
        postOwnerId
        likes {

youneshenniwrites

import React from 'react'
import { 
  StyleSheet, 
  View, 
  TextInput, 
} from 'react-native'

// Amplify auth imports and config 
import Amplify from '@aws-amplify/core'
import { withAuthenticator } from 'aws-amplify-react-native'

youneshenniwrites

import { StyleSheet, Dimensions } from 'react-native'

// Get the width of the device
let { width } = Dimensions.get('window')

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',

youneshenniwrites

toggleLikePost = async (post) => {
    const loggedInUser = await this.state.postOwnerId
    // Get the like instance of the logged in user
    const likeUserObject = await post.likes.items.filter(
      obj => obj.likeOwnerId === loggedInUser
    )
    // If there is a like instance fire a delete action
    if (likeUserObject.length !== 0) {
      await this.deleteLike(likeUserObject)
      return

youneshenniwrites

<ScrollView contentContainerStyle={styles.container}>
  <View style={{flex: 1, alignItems: 'center'}}>          
    {
      this.state.posts.map((post, index) => (
        <Card key={index} style={styles.cardStyle}>
          {/* Post body */}
          <Text style={styles.postBody}>
            {post.postContent}
          </Text>                                    
          <Text style={styles.postUsername}>

youneshenniwrites

import React from 'react'
import { 
  View,
  StyleSheet, 
  SafeAreaView,
  Keyboard,
  KeyboardAvoidingView,
  TouchableWithoutFeedback
} from 'react-native'
// native base imports

youneshenniwrites

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#aa73b7',
    justifyContent: 'center',
    flexDirection: 'column'
  },
  infoContainer: {
    position: 'absolute',
    left: 0,

youneshenniwrites

import React from 'react'
import {
  StyleSheet,
  View,
  Text,
  TouchableOpacity,
} from 'react-native'

export default class WelcomeScreen extends React.Component {
  handleRoute = async (destination) => {