✨ ajout du profil linkedin chez l'utilisateur

Author: mckenziearts

app/Http/Controllers/User/SettingController.php

@@ -34,6 +34,7 @@ public function update(UpdateProfileRequest $request)
             'bio' => trim(strip_tags($request->bio)),
             'twitter_profile' => $request->twitter_profile,
             'github_profile' => $request->github_profile,
+            'linkedin_profile' => $request->linkedin_profile,
             'phone_number' => $request->phone_number,
             'location' => $request->location,
             'website' => $request->website,

app/Models/User.php

@@ -42,6 +42,7 @@ class User extends Authenticatable implements MustVerifyEmail, HasMedia
         'phone_number',
         'github_profile',
         'twitter_profile',
+        'linkedin_profile',
         'website',
         'last_login_at',
         'last_login_ip',
@@ -219,6 +220,11 @@ public function twitter(): ?string
         return $this->twitter_profile;
     }
 
+    public function linkedin(): ?string
+    {
+        return $this->linkedin_profile;
+    }
+
     public function scopeModerators(Builder $query): Builder
     {
         return $query->whereHas('roles', function ($query) {

database/migrations/2021_11_29_114833_add_linkedin_profile_column_to_users_table.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class AddLinkedinProfileColumnToUsersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->string('linkedin_profile')
+                ->after('twitter_profile')
+                ->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn('linkedin_profile');
+        });
+    }
+}

public/css/app.css

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=6e9d959a77c0ed56a844",
-    "/css/app.css": "/css/app.css?id=a4b94cf149d9afd5d3e5"
+    "/js/app.js": "/js/app.js",
+    "/css/app.css": "/css/app.css"
 }

public/js/app.js

@@ -60,7 +60,7 @@
                 <p class="mt-2 text-skin-base font-normal">
                     {{ $user->bio ?? '...' }}
                 </p>
-                <div class="mt-4 mb-6 flex items-center gap-x-3">
+                <div class="mt-4 mb-6 flex items-center gap-x-4">
                     @if ($user->githubUsername())
                         <a href="https://github.com/{{ $user->githubUsername() }}" class="text-skin-base hover:text-skin-inverted">
                             <x-icon.github class="w-6 h-6" />
@@ -72,6 +72,12 @@
                             <x-icon.twitter class="w-6 h-6" />
                         </a>
                     @endif
+
+                    @if ($user->linkedin())
+                        <a href="https://www.linkedin.com/in/{{ $user->linkedin() }}" class="text-skin-base hover:text-[#004182]">
+                            <x-icon.linkedin class="w-6 h-6" />
+                        </a>
+                    @endif
                 </div>
             </div>
             <div>

public/mix-manifest.json

@@ -186,6 +186,18 @@
                                     :value="Auth::user()->githubUsername()"
                                 />
                             </div>
+                            <div class="max-w-lg flex">
+                                <x-input
+                                    type="text"
+                                    name="linkedin_profile"
+                                    id="linkedin_profile"
+                                    aria-label="Profil LinkedIn"
+                                    leading-addon="linkedin.com/in/"
+                                    container-class="flex-1"
+                                    container-input-class="flex"
+                                    :value="Auth::user()->linkedin()"
+                                />
+                            </div>
                         </div>
                     </div>
                 </div>