Development

android/app/build.gradle

@@ -23,7 +23,6 @@ if (flutterVersionName == null) {
 
 apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
-apply plugin: 'com.google.gms.google-services'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
 
@@ -59,7 +58,6 @@ flutter {
 }
 
 dependencies {
-    implementation "com.google.android.gms:play-services-basement:17.5.0"
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
     implementation "com.android.support:multidex:1.0.3"
 }

android/app/src/main/AndroidManifest.xml

@@ -4,9 +4,11 @@
     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
     <uses-permission android:name="android.permission.WAKE_LOCK"/>
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION"/>
    <application
-        android:label="beacon"
-        android:icon="@mipmap/ic_launcher"
+        android:label="Beacon"
+        android:icon="@mipmap/launcher_icon"
         android:usesCleartextTraffic="true">
         <meta-data android:name="com.google.android.geo.API_KEY" android:value="AIzaSyCXlRxfbr9Y368nLy8o59r0_XZmHdK5-2w"/>
         <activity
@@ -38,15 +40,13 @@
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
             </intent-filter>
-            <intent-filter>
+            <meta-data android:name="flutter_deeplinking_enabled" android:value="true" />
+            <intent-filter android:autoVerify="true">
                 <action android:name="android.intent.action.VIEW" />
-
                 <category android:name="android.intent.category.DEFAULT" />
                 <category android:name="android.intent.category.BROWSABLE" />
-
-                <data
-                    android:host="beacon.page.link"
-                    android:scheme="https" />
+                <data android:scheme="http" android:host="beacon.aadibajpai.com" />
+                <data android:scheme="https" />
             </intent-filter>
         </activity>
         <!-- Don't delete the meta-data below.

android/build.gradle

@@ -6,7 +6,6 @@ buildscript {
     }
 
     dependencies {
-        classpath 'com.google.gms:google-services:4.3.3'
         classpath 'com.android.tools.build:gradle:4.1.0'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     }

ios/Runner.xcodeproj/project.pbxproj

@@ -468,4 +468,4 @@
 /* End XCConfigurationList section */
 	};
 	rootObject = 97C146E61CF9000F007C117D /* Project object */;
-}
+}

lib/components/beacon_card.dart

@@ -0,0 +1,178 @@
+import 'dart:io';
+
+import 'package:beacon/locator.dart';
+import 'package:beacon/models/beacon/beacon.dart';
+import 'package:beacon/utilities/constants.dart';
+import 'package:beacon/view_model/home_view_model.dart';
+import 'package:beacon/views/hike_screen.dart';
+import 'package:flutter/material.dart';
+import 'package:geocoder/geocoder.dart';
+import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:skeleton_text/skeleton_text.dart';
+import 'package:intl/intl.dart';
+
+class BeaconCustomWidgets {
+  static final Color textColor = Color(0xFFAFAFAF);
+
+  static Widget getBeaconCard(BuildContext context, Beacon beacon) {
+    return GestureDetector(
+      onTap: () async {
+        bool isJoinee = false;
+        for (var i in beacon.followers) {
+          if (i.id == userConfig.currentUser.id) {
+            isJoinee = true;
+          }
+        }
+        if (beacon.leader.id == userConfig.currentUser.id || isJoinee) {
+          navigationService.pushScreen('/hikeScreen',
+              arguments: HikeScreen(
+                beacon,
+                isLeader: (beacon.leader.id == userConfig.currentUser.id),
+              ));
+        } else {
+          databaseFunctions.init();
+          final Beacon _beacon =
+              await databaseFunctions.joinBeacon(beacon.shortcode);
+          if (_beacon != null) {
+            navigationService.pushScreen('/hikeScreen',
+                arguments: HikeScreen(beacon, isLeader: false));
+          } else {
+            navigationService.showSnackBar('Something went wrong');
+          }
+        }
+      },
+      child: Container(
+        margin: const EdgeInsets.symmetric(
+          vertical: 10.0,
+          horizontal: 10.0,
+        ),
+        height: 110,
+        padding: EdgeInsets.only(left: 16.0, right: 16.0, bottom: 8, top: 8),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            Text('${beacon?.title} by ${beacon.leader.name}',
+                style: Style.titleTextStyle),
+            SizedBox(height: 4.0),
+            Text('Passkey: ${beacon?.shortcode}', style: Style.commonTextStyle),
+            SizedBox(height: 4.0),
+            (beacon.startsAt != null)
+                ? Text(
+                    'Starts At: ${DateFormat("hh:mm a, d/M/y").format(DateTime.fromMillisecondsSinceEpoch(beacon.startsAt)).toString()}',
+                    style: Style.commonTextStyle)
+                : Container(),
+            SizedBox(height: 4.0),
+            (beacon.expiresAt != null)
+                ? Text(
+                    'Expires At: ${DateFormat("hh:mm a, d/M/y").format(DateTime.fromMillisecondsSinceEpoch(beacon.expiresAt)).toString()}',
+                    style: Style.commonTextStyle)
+                : Container(),
+          ],
+        ),
+        decoration: BoxDecoration(
+          color: kBlue,
+          shape: BoxShape.rectangle,
+          borderRadius: BorderRadius.circular(8.0),
+          boxShadow: <BoxShadow>[
+            BoxShadow(
+              color: Colors.black26,
+              blurRadius: 10.0,
+              offset: Offset(0.0, 10.0),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  static ListView getPlaceholder() {
+    final BorderRadius borderRadius = BorderRadius.circular(10.0);
+    return ListView.builder(
+        scrollDirection: Axis.vertical,
+        physics: BouncingScrollPhysics(),
+        itemCount: 3,
+        padding: const EdgeInsets.all(8.0),
+        itemBuilder: (BuildContext context, int index) {
+          return Container(
+            margin: const EdgeInsets.symmetric(
+              vertical: 10.0,
+              horizontal: 10.0,
+            ),
+            height: 110,
+            decoration: BoxDecoration(
+              color: kBlue,
+              shape: BoxShape.rectangle,
+              borderRadius: BorderRadius.circular(8.0),
+              boxShadow: <BoxShadow>[
+                BoxShadow(
+                  color: Colors.black26,
+                  blurRadius: 10.0,
+                  offset: Offset(0.0, 10.0),
+                ),
+              ],
+            ),
+            padding:
+                EdgeInsets.only(left: 16.0, right: 16.0, bottom: 10, top: 10),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisSize: MainAxisSize.max,
+              children: <Widget>[
+                Padding(
+                  padding: const EdgeInsets.only(
+                      left: 15.0, bottom: 10.0, right: 15.0),
+                  child: ClipRRect(
+                    borderRadius: borderRadius,
+                    child: SkeletonAnimation(
+                      child: Container(
+                        height: 15.0,
+                        decoration: BoxDecoration(color: shimmerSkeletonColor),
+                      ),
+                    ),
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(
+                      left: 15.0, right: 30.0, bottom: 10.0),
+                  child: ClipRRect(
+                    borderRadius: borderRadius,
+                    child: SkeletonAnimation(
+                      child: Container(
+                        height: 10.0,
+                        decoration: BoxDecoration(color: shimmerSkeletonColor),
+                      ),
+                    ),
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(
+                      left: 15.0, right: 45.0, bottom: 10.0),
+                  child: ClipRRect(
+                    borderRadius: BorderRadius.circular(10.0),
+                    child: SkeletonAnimation(
+                      child: Container(
+                        height: 10.0,
+                        decoration: BoxDecoration(color: shimmerSkeletonColor),
+                      ),
+                    ),
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(left: 15.0, right: 60.0),
+                  child: ClipRRect(
+                    borderRadius: BorderRadius.circular(10.0),
+                    child: SkeletonAnimation(
+                      child: Container(
+                        height: 10.0,
+                        decoration: BoxDecoration(color: shimmerSkeletonColor),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          );
+        });
+  }
+}