From 1601e80dfb777f4e8c50f2d736b00980af84585e Mon Sep 17 00:00:00 2001
From: Mia Winter <mia@miawinter.de>
Date: Thu, 25 Jan 2024 16:45:54 +0100
Subject: [PATCH] Added ArticleTileArray

---
 Wave/Components/ArticleTileArray.razor | 10 ++++++++++
 Wave/Components/Pages/Drafts.razor     |  4 ++--
 Wave/Components/Pages/Future.razor     |  5 ++---
 Wave/Components/Pages/Home.razor       | 10 +++++-----
 Wave/Components/Pages/Review.razor     |  4 ++--
 5 files changed, 21 insertions(+), 12 deletions(-)
 create mode 100644 Wave/Components/ArticleTileArray.razor

diff --git a/Wave/Components/ArticleTileArray.razor b/Wave/Components/ArticleTileArray.razor
new file mode 100644
index 0000000..bd51963
--- /dev/null
+++ b/Wave/Components/ArticleTileArray.razor
@@ -0,0 +1,10 @@
+<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-8 gap-y-4 mb-6" @attributes="AdditionalAttributes">
+	@ChildContent
+</div>
+
+@code {
+	[Parameter]
+	public required RenderFragment ChildContent { get; set; }
+	[Parameter(CaptureUnmatchedValues = true)]
+	public IDictionary<string, object>? AdditionalAttributes { get; set; }
+}
diff --git a/Wave/Components/Pages/Drafts.razor b/Wave/Components/Pages/Drafts.razor
index c99ea31..6177a14 100644
--- a/Wave/Components/Pages/Drafts.razor
+++ b/Wave/Components/Pages/Drafts.razor
@@ -8,14 +8,14 @@
 @inject UserManager<ApplicationUser> UserManager
 @inject IStringLocalizer<Drafts> Localizer
 
-<div class="flex gap-x-8 gap-y-4">
+<ArticleTileArray>
 	@foreach (var article in Articles) {
 		<ArticleTile Article="article" />
 	}
 	@if (Articles.Count < 1) {
 		<p>@Localizer["NoArticles"]</p>
 	}
-</div>
+</ArticleTileArray>
 
 @code {
 	[CascadingParameter]
diff --git a/Wave/Components/Pages/Future.razor b/Wave/Components/Pages/Future.razor
index c28ccf3..e6576df 100644
--- a/Wave/Components/Pages/Future.razor
+++ b/Wave/Components/Pages/Future.razor
@@ -1,20 +1,19 @@
 @page "/future"
 @using Wave.Data
 @using Microsoft.EntityFrameworkCore
-@using Wave.Data.Migrations.postgres
 
 @attribute [Authorize(Policy = "ArticleDeletePermissions")]
 @inject IDbContextFactory<ApplicationDbContext> ContextFactory
 @inject IStringLocalizer<Future> Localizer
 
-<div class="flex gap-x-8 gap-y-4">
+<ArticleTileArray>
     @foreach (var article in Articles) {
         <ArticleTile Article="article" />
     } 
     @if(Articles.Count < 1) {
         <p>@Localizer["NoArticles"]</p>
     }
-</div>
+</ArticleTileArray>
 
 @code {
     private List<Article> Articles { get; } = [];
diff --git a/Wave/Components/Pages/Home.razor b/Wave/Components/Pages/Home.razor
index e5cf3c0..2bbb4db 100644
--- a/Wave/Components/Pages/Home.razor
+++ b/Wave/Components/Pages/Home.razor
@@ -45,11 +45,11 @@
         <p>@Localizer["NoArticles_Message"]</p>
     }
 
-    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-8 gap-y-4 mb-6">
-        @foreach (var article in Articles.Skip(1)) {
-            <ArticleTile Article="article" />
-        }
-    </div>
+    <ArticleTileArray>
+	    @foreach (var article in Articles.Skip(1)) {
+		    <ArticleTile Article="article" />
+	    }
+    </ArticleTileArray>
 }
 
 @if (HasMore) {
diff --git a/Wave/Components/Pages/Review.razor b/Wave/Components/Pages/Review.razor
index 3827aa0..78176f5 100644
--- a/Wave/Components/Pages/Review.razor
+++ b/Wave/Components/Pages/Review.razor
@@ -6,14 +6,14 @@
 @inject IDbContextFactory<ApplicationDbContext> ContextFactory
 @inject IStringLocalizer<Review> Localizer
 
-<div class="flex gap-x-8 gap-y-4">
+<ArticleTileArray>
 	@foreach (var article in Articles) {
 		<ArticleTile Article="article" />
 	} 
 	@if(Articles.Count < 1) {
 		<p>@Localizer["NoArticles"]</p>
 	}
-</div>
+</ArticleTileArray>
 
 @code {
 	private List<Article> Articles { get; } = [];