From 216a57956401d69bc5ef0a667e5ab5f67eab798d Mon Sep 17 00:00:00 2001
From: Nam Doan <namds2920@gmail.com>
Date: Mon, 8 Dec 2025 16:36:16 +0700
Subject: [PATCH] feat: add component for footer

---
 .../templates/vt-country-select/index.tsx       |  4 +---
 .../layout/templates/vt-social-link/index.tsx   | 17 +++++++++++++++++
 src/vibentec/component-map.tsx                  |  2 ++
 3 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/modules/layout/templates/vt-social-link/index.tsx

diff --git a/src/modules/layout/templates/vt-country-select/index.tsx b/src/modules/layout/templates/vt-country-select/index.tsx
index bb200d2..e492c00 100644
--- a/src/modules/layout/templates/vt-country-select/index.tsx
+++ b/src/modules/layout/templates/vt-country-select/index.tsx
@@ -61,11 +61,9 @@ export default function VtCountrySelectClient({
   const selectedItem = useMemo(() => {
     return items.find((i) => i.text === value)
   }, [items, value])
-
   if (!triggerText && items.length === 0) {
     return null
   }
-
   return (
     <Select value={value} onValueChange={handleChange}>
       <Select.Trigger
@@ -87,7 +85,7 @@ export default function VtCountrySelectClient({
             />
           )}
         </span>
-        {selectedItem?.text.toUpperCase() || value} <ChevronDown />
+        {props.trigger?.isDisplayFullname ? (selectedItem?.label || value) : (selectedItem?.text.toUpperCase() || value)} <ChevronDown />
       </Select.Trigger>
       <Select.Content>
         {items.length > 0 &&
diff --git a/src/modules/layout/templates/vt-social-link/index.tsx b/src/modules/layout/templates/vt-social-link/index.tsx
new file mode 100644
index 0000000..cc2a9fa
--- /dev/null
+++ b/src/modules/layout/templates/vt-social-link/index.tsx
@@ -0,0 +1,17 @@
+import { LayoutComponentDefinition, LayoutContext } from "@vibentec/component-map"
+import { DynamicLayoutRenderer } from "@vibentec/renderer"
+
+export default function VtSocialLinks({
+  nodes,
+  context,
+}: {
+  nodes: LayoutComponentDefinition
+  context: LayoutContext
+}) {
+  const props = nodes.config ?? {}
+  return (
+    <div className={props.className ?? ""}>
+      {nodes.children && <DynamicLayoutRenderer nodes={nodes.children} context={context} />}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/src/vibentec/component-map.tsx b/src/vibentec/component-map.tsx
index 29d9640..68256a9 100644
--- a/src/vibentec/component-map.tsx
+++ b/src/vibentec/component-map.tsx
@@ -22,6 +22,7 @@ import VtInput from "@modules/layout/templates/vt-input"
 import VtCurrencySelect from "@modules/layout/templates/vt-currency-select"
 import VtMenuItem from "@modules/layout/templates/vt-menu-item"
 import VtCountryCodeSelect from "@modules/layout/templates/vt-country-select/server"
+import VtSocialLinks from "@modules/layout/templates/vt-social-link"
 
 type ComponentConfig = Record<string, any>;
 
@@ -69,6 +70,7 @@ export const componentMap: Record<string, ComponentRenderer> = {
   VtCartButton: nodesContextRenderer(VtCartButton),
   VtCurrencySelect: nodesContextRenderer(VtCurrencySelect),
   VtCountryCodeSelect: nodesContextRenderer(VtCountryCodeSelect),
+  VtSocialLinks: nodesContextRenderer(VtSocialLinks),
   Link: nodesContextRenderer(VtLink),
   Input: nodesContextRenderer(VtInput),
   Image: nodesContextRenderer(VtImage),