From 7ce797233bbf8eba4b839d1a76c9fdefdbfc4200 Mon Sep 17 00:00:00 2001
From: "Guillaume (gdi)" <gdi@odoo.com>
Date: Wed, 30 Mar 2022 14:46:50 +0000
Subject: [PATCH] [IMP] website: make the mega menu use the social_media block

This commit changes the mega menu template in order to make it use the
social_media block.

task-2739937

Part-of: odoo/odoo#85476
---
 .../views/snippets/s_mega_menu_odoo_menu.xml  | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/addons/website/views/snippets/s_mega_menu_odoo_menu.xml b/addons/website/views/snippets/s_mega_menu_odoo_menu.xml
index 4bcc5cc387e..a7bc77fea39 100644
--- a/addons/website/views/snippets/s_mega_menu_odoo_menu.xml
+++ b/addons/website/views/snippets/s_mega_menu_odoo_menu.xml
@@ -60,14 +60,27 @@
         <div class="container-fluid border-top s_mega_menu_odoo_menu_footer">
             <div class="row">
                 <div class="col-12 pt8 pb8">
-                    <nav class="nav justify-content-center">
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 14px;"><i class="fa fa-fw fa-2x fa-github"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-youtube-play"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-twitter"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-linkedin"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-instagram"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-facebook"></i></a>
-                    </nav>
+                    <div class="s_social_media text-center o_not_editable" data-snippet="s_social_media" data-name="Social Media" contenteditable="false">
+                        <h5 class="s_social_media_title d-none" contenteditable="true">Follow us</h5>
+                        <a href="/website/social/facebook" class="s_social_media_facebook mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-facebook m-1"/>
+                        </a>
+                        <a href="/website/social/twitter" class="s_social_media_twitter mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-twitter m-1"/>
+                        </a>
+                        <a href="/website/social/linkedin" class="s_social_media_linkedin mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-linkedin m-1"/>
+                        </a>
+                        <a href="/website/social/github" class="s_social_media_github mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-github m-1"/>
+                        </a>
+                        <a href="/website/social/youtube" class="s_social_media_youtube mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-youtube m-1"/>
+                        </a>
+                        <a href="/website/social/instagram" class="s_social_media_instagram mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-instagram m-1"/>
+                        </a>
+                    </div>
                 </div>
             </div>
         </div>