gsans

import {
  getMyProfile, getProfileByScreenName, getImageUploadUrl, editMyProfile,
  getMyTimeline, tweet, getTweets,
  like, unlike, retweet, unretweet, reply,
  follow, unfollow,
  getFollowers, getFollowing,
  search, 
  getHashTag,
  getOnNotifiedSubscription,
  listConversations,

gsans

<template>
  <div id="app" class="flex container h-full w-full">
    <div class="flex container h-full w-full">
      <SideNav/>

      <div class="w-full sm:w-1/3 md:w-1/2 lg:w-1/2 h-full overflow-y-scroll hidden md:block">
        <div class="px-5 py-3 border-b border-lighter flex" @click="deselectAll()">
          <h1 class="text-xl font-bold flex-1">Messages</h1>
          <i class="fas fa-cog text-xl text-blue cursor-pointer"></i>
          <i @click="newMessage()" class="fas fa-plus-circle ml-3 text-xl text-blue cursor-pointer"></i>

gsans

## Query.nearbyBikeStations.req.vtl
#set( $distance = $util.defaultIfNull($ctx.args.m, 500) )
#set( $limit = $util.defaultIfNull($ctx.args.limit, 10) )
{  
  "version": "2017-02-28",  
  "operation": "GET",  
  "path": "/bikepoint/doc/_search",  
  "params": {    
    "body": {      
     #if( $context.args.nextToken )"search_after": ["$context.args.nextToken"], #end       

gsans

<template>
  <div class="w-1/6 md:w-1/12 xl:w-1/6 border-r border-lighter lg:px-6 py-2 flex-col justify-between hidden sm:flex">
    <div>
      <button class="h-12 w-12 hover:bg-lightblue text-3xl text-blue rounded-full">
        <i class="ml-2 fab fa-twitter"></i>
      </button>
      <div>
        <button @click="open('Home')" class="focus:outline-none hover:text-blue flex items-center px-4 py-2 hover:bg-transparent md:hover:bg-lightblue rounded-full mr-auto mb-1">
          <i class="fa fa-home" :class="$route.name == 'Home'?'text-2xl':'text-xl'" aria-hidden="true"></i>
          <p class="text-lg ml-4 text-left hidden xl:block" :class="$route.name == 'Home'?'font-bold':''"> Home</p>

gsans

import { Auth } from 'aws-amplify'
import router from '../../../router'

export default {
  loginUser({ commit }, user) {
    commit("USER_LOGIN", user);
  },
  async logoutUser({ commit, dispatch }) {
    await Auth.signOut({
      global: true

gsans

export default {
  PROFILE_SET(state, profile) {
    state.profile = profile;
  },

  TWITTER_TIMELINE(state, { tweets, nextToken }) {
    state.tweets.tweets = tweets;
    state.tweets.nextToken = nextToken;
  },
  TWITTER_CREATE(state, newTweet) {

gsans

<template>
  <div id="app" class="flex container h-full w-full">
    <div class="flex container h-full w-full">
      <SideNav />

      <div class="w-full md:w-1/2 h-full overflow-y-scroll">
        <div class="px-5 py-3 border-lighter flex items-center justify-between">
          <h1 class="text-xl font-bold">Notifications</h1>
          <i class="fas fa-cog text-xl text-blue"></i>
        </div>

gsans

<template>
  <div id="app" class="flex container h-screen w-full">
    <div class="flex container h-screen w-full">
      <SideNav />

      <div class="w-full md:w-2/3 lg:w-1/2 h-full overflow-y-scroll" v-scroll:bottom="loadMore">
        <div class="px-5 py-3 border-b border-lighter flex items-center">
          <button @click="gotoHome()" class="rounded-full md:pr-2 focus:outline-none hover:bg-lightblue">
            <i class="fas fa-arrow-left text-blue"></i>
          </button>

gsans

import linkifyHtml from 'linkify-html';
import 'linkify-plugin-hashtag';
import 'linkify-plugin-mention';

const options = {
  formatHref: {
    hashtag: (href) => `#/hashtag?m=Latest&hash=${Date.now()}&q=${escape('#' + href.substr(1))}`,
    mention: (href) => `#/${href.substr(1)}`
  },
  target: (href, type) => (type=='mention' || type=='hashtag')? undefined : '_blank',

gsans

@tailwind base;
@tailwind components;
@tailwind utilities;


html, body {height: 100%;}

button:focus, input:focus {
  outline: none;
}