- set social login credentials

- disallow registration refactoring

resources/js/components/Admin/AppInputButton.vue

@@ -0,0 +1,36 @@
+<template>
+	<div :class="{'mb-7': !isLast}" class="sm:flex justify-between sm:space-x-8 space-x-2 sm:space-y-0 space-y-4 w-full">
+
+		<!--Label for input-->
+		<div class="leading-5">
+			<label class="text-sm font-bold dark:text-gray-200 text-gray-700 mb-1.5 block">
+				{{ title }}:
+			</label>
+
+			<!--Input Description-->
+			<span v-if="description" class="text-xs text-gray-500 leading-4 block" v-html="description"></span>
+
+			<!--Input Description-->
+			<span v-if="error" class="error-message">
+				{{ error }}
+			</span>
+		</div>
+
+		<!--Form element-->
+		<div>
+			<slot></slot>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: 'AppInputButton',
+		props: [
+			'description',
+			'isLast',
+			'title',
+			'error',
+		]
+	}
+</script>

resources/js/components/Admin/AppInputSwitch.vue

@@ -1,5 +1,5 @@
 <template>
-	<div :class="{'mb-7': !isLast}" class="sm:flex justify-between sm:space-x-8 sm:space-y-0 space-y-4 w-full">
+	<div :class="{'mb-7': !isLast}" class="flex items-center justify-between sm:space-x-8 space-x-2 w-full">
 
 		<!--Label for input-->
 		<div class="leading-5">

resources/js/components/Auth/SocialiteAuthenticationButtons.vue

@@ -1,14 +1,14 @@
 <template>
-    <div class="wrapper flex flex-row w-1/2 ml-2">
-        <div class="w-1/3 grid justify-items-center items-center cursor-pointer">
+    <div v-if="config.allowedFacebookLogin || config.allowedGoogleLogin || config.allowedGithubLogin" class="pt-12 flex items-center justify-center">
+        <div v-if="config.allowedFacebookLogin" class="mx-5 cursor-pointer">
             <facebook-icon @click="socialiteRedirect('facebook')" />
         </div>
 
-        <div class="w-1/3 grid justify-items-center items-center cursor-pointer">
+        <div v-if="config.allowedGithubLogin" class="mx-5 cursor-pointer">
             <github-icon @click="socialiteRedirect('github')" />
         </div>
 
-        <div class="w-1/3 grid justify-items-center items-center cursor-pointer">
+        <div v-if="config.allowedGoogleLogin" class="mx-5 cursor-pointer">
             <span @click="socialiteRedirect('google')" class="font-semibold text-3xl">G</span>
         </div>
     </div>
@@ -16,6 +16,7 @@
 
 <script>
 import { FacebookIcon, GithubIcon  } from 'vue-feather-icons'
+import {mapGetters} from "vuex";
 
 export default {
     name:'SocialiteAuthenticationButtons',
@@ -23,22 +24,17 @@ export default {
         FacebookIcon,
         GithubIcon,
     },
+	computed: {
+		...mapGetters([
+			'config'
+		])
+	},
     methods: {
         socialiteRedirect(provider) {
-
             this.isLoading = true
 
             this.$store.dispatch('socialiteRedirect', provider)
         },
     }
-    
 }
 </script>
-
-<style lang="scss" scoped>
-
-.wrapper {
-    margin: 50px auto 0px auto;
-}
-
-</style>