diff --git a/Yavsc/ViewComponents/DirectoryViewComponent.cs b/Yavsc/ViewComponents/DirectoryViewComponent.cs
new file mode 100644
index 00000000..faf327f3
--- /dev/null
+++ b/Yavsc/ViewComponents/DirectoryViewComponent.cs
@@ -0,0 +1,20 @@
+using Microsoft.AspNet.Mvc;
+
+namespace Yavsc.ViewComponents
+{
+    using System.Threading.Tasks;
+    using Yavsc.ViewModels.UserFiles;
+
+    public class DirectoryViewComponent : ViewComponent
+    {
+        public async Task<IViewComponentResult> InvokeAsync(string dirname)
+        {
+            IViewComponentResult result = null;
+            await Task.Run(() =>
+            {
+                result = View(new UserDirectoryInfo(User.Identity.Name, dirname));
+            });
+            return result;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Yavsc/Views/Blogspot/Edit.cshtml b/Yavsc/Views/Blogspot/Edit.cshtml
index ae446e54..adc374ce 100644
--- a/Yavsc/Views/Blogspot/Edit.cshtml
+++ b/Yavsc/Views/Blogspot/Edit.cshtml
@@ -185,6 +185,7 @@ editorcontenu.on('text-change',function(delta,source){
 <div>
     
 </div>
+@await Component.InvokeAsync("Directory","")
 <div >
     <form id="postfiles" class="dropzone" method="post" enctype="multipart/form-data">
   <div class="fallback">
diff --git a/Yavsc/Views/Shared/Components/Directory/Default.cshtml b/Yavsc/Views/Shared/Components/Directory/Default.cshtml
new file mode 100644
index 00000000..8155dc3a
--- /dev/null
+++ b/Yavsc/Views/Shared/Components/Directory/Default.cshtml
@@ -0,0 +1,44 @@
+@using Yavsc.ViewModels.UserFiles
+@model UserDirectoryInfo
+<div class="dirinfo">
+<strong>@Model.UserName / @Model.SubPath</strong>
+<div class="subdirs">
+@foreach (string subdir in Model.SubDirectories) {
+<a href="@subdir" class="subdir">@subdir</a> 
+}
+</div>
+<style> 
+tr.fileheaders th {
+    border-bottom: 1px solid #ddd; 
+    font-style: italic;
+}
+tr.fileinfo td {
+    padding: 1em;
+    border-bottom: 1px solid #ddd;
+}
+  tr.fileinfo:nth-child(even) {background-color: #f2f2f2}
+  tr.fileinfo:hover {background-color: #f5f5f5}
+
+</style>
+<table >
+    <tr class="fileheaders">
+        <th>Nom
+        </th>
+        <th>Taille
+        </th>
+        <th>Modification
+        </th>
+   </tr>
+@foreach (var fileinfo in Model.Files) {
+<tr class="fileinfo">
+    <td class="filename">
+        <a href="@fileinfo.FileLink(Model.UserName,Model.SubPath)">
+        @fileinfo.Name
+        </a></td> 
+    <td class="filesize">@fileinfo.Size</td> 
+    <td class="filemdate">@fileinfo.LastModified</td> 
+</tr>
+}
+</table>
+</div>
+
diff --git a/Yavsc/Views/Shared/Components/Files/UserFiles.cshtml b/Yavsc/Views/Shared/Components/Files/UserFiles.cshtml
deleted file mode 100644
index 12fa7a8b..00000000
--- a/Yavsc/Views/Shared/Components/Files/UserFiles.cshtml
+++ /dev/null
@@ -1,5 +0,0 @@
-@model UserDirectoryInfo
-@{
-    var files = User.GetUserFiles();
-    
-}
\ No newline at end of file