update

app/internal/templates/dashboard/volunteer_dashboard.html

@@ -4,87 +4,6 @@
   <div class="flex-1 overflow-hidden bg-gray-50">
     <div class="h-screen flex flex-col lg:flex-row gap-6 p-4 sm:p-6">
       <!-- Left Column - Posts -->
-      <div class="flex-1 lg:flex-none lg:w-1/2 overflow-y-auto pr-2">
-        {{ if .Posts }}{{range .Posts}}
-        <!-- Posts Feed -->
-        <article class="bg-white border-b border-gray-200">
-          <!-- Post Header -->
-          <div class="flex items-center px-6 py-4">
-            <div class="flex-shrink-0">
-              <div
-                class="w-10 h-10 bg-blue-500 flex items-center justify-center text-white font-semibold"
-              >
-                {{slice .AuthorName 0 1}}
-              </div>
-            </div>
-            <div class="ml-4">
-              <p class="text-sm font-semibold text-gray-900">{{.AuthorName}}</p>
-              <p class="text-xs text-gray-500">
-                {{.CreatedAt.Format "Jan 2, 2006"}}
-              </p>
-            </div>
-          </div>
-
-          <!-- Post Image -->
-          {{if .ImageURL}}
-          <div class="w-full">
-            <img
-              src="{{.ImageURL}}"
-              alt="Post image"
-              class="w-full max-h-96 object-cover"
-              onerror="this.parentElement.style.display='none'"
-            />
-          </div>
-          {{end}}
-
-          <!-- Post Content -->
-          {{if .Content}}
-          <div class="px-6 pt-2 pb-4">
-            <p class="text-gray-900 leading-relaxed">
-              <span class="font-semibold">{{.AuthorName}}</span> {{.Content}}
-            </p>
-          </div>
-          {{end}}
-        </article>
-        {{else}}
-        <div class="bg-white p-12 text-center">
-          <div class="max-w-sm mx-auto">
-            <svg
-              class="w-16 h-16 mx-auto text-gray-300 mb-4"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-              ></path>
-            </svg>
-            <h3 class="text-lg font-medium text-gray-900 mb-2">No posts yet</h3>
-            <p class="text-gray-500">
-              Be the first to share something with the community!
-            </p>
-          </div>
-        </div>
-        {{ end }} {{ else }}
-        <div class="bg-white border-b border-gray-200 p-8 sm:p-12 text-center">
-          <div class="max-w-sm mx-auto">
-            <div
-              class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4"
-            >
-              <i class="fas fa-inbox text-2xl text-gray-400"></i>
-            </div>
-            <p class="text-gray-600 font-medium mb-2">No posts yet</p>
-            <p class="text-sm text-gray-500">
-              Check back later for updates from your team
-            </p>
-          </div>
-        </div>
-        {{ end }}
-      </div>
-      <!-- Right Column - Statistics -->
       <div
         class="w-full lg:w-1/2 flex flex-col gap-4 sm:gap-6 sticky top-0 self-start h-fit"
       >
@@ -199,6 +118,87 @@
           </div>
         </div>
       </div>
+      <!-- Right Column - Statistics -->
+      <div class="flex-1 lg:flex-none lg:w-1/2 overflow-y-auto pr-2">
+        {{ if .Posts }}{{range .Posts}}
+        <!-- Posts Feed -->
+        <article class="bg-white border-b border-gray-200">
+          <!-- Post Header -->
+          <div class="flex items-center px-6 py-4">
+            <div class="flex-shrink-0">
+              <div
+                class="w-10 h-10 bg-blue-500 flex items-center justify-center text-white font-semibold"
+              >
+                {{slice .AuthorName 0 1}}
+              </div>
+            </div>
+            <div class="ml-4">
+              <p class="text-sm font-semibold text-gray-900">{{.AuthorName}}</p>
+              <p class="text-xs text-gray-500">
+                {{.CreatedAt.Format "Jan 2, 2006"}}
+              </p>
+            </div>
+          </div>
+
+          <!-- Post Image -->
+          {{if .ImageURL}}
+          <div class="w-full">
+            <img
+              src="{{.ImageURL}}"
+              alt="Post image"
+              class="w-full max-h-96 object-cover"
+              onerror="this.parentElement.style.display='none'"
+            />
+          </div>
+          {{end}}
+
+          <!-- Post Content -->
+          {{if .Content}}
+          <div class="px-6 pt-2 pb-4">
+            <p class="text-gray-900 leading-relaxed">
+              <span class="font-semibold">{{.AuthorName}}</span> {{.Content}}
+            </p>
+          </div>
+          {{end}}
+        </article>
+        {{else}}
+        <div class="bg-white p-12 text-center">
+          <div class="max-w-sm mx-auto">
+            <svg
+              class="w-16 h-16 mx-auto text-gray-300 mb-4"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+              ></path>
+            </svg>
+            <h3 class="text-lg font-medium text-gray-900 mb-2">No posts yet</h3>
+            <p class="text-gray-500">
+              Be the first to share something with the community!
+            </p>
+          </div>
+        </div>
+        {{ end }} {{ else }}
+        <div class="bg-white border-b border-gray-200 p-8 sm:p-12 text-center">
+          <div class="max-w-sm mx-auto">
+            <div
+              class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4"
+            >
+              <i class="fas fa-inbox text-2xl text-gray-400"></i>
+            </div>
+            <p class="text-gray-600 font-medium mb-2">No posts yet</p>
+            <p class="text-sm text-gray-500">
+              Check back later for updates from your team
+            </p>
+          </div>
+        </div>
+        {{ end }}
+      </div>
     </div>
   </div>
 </div>