Fix

src/Elektrifikatsiya/Elektrifikatsiya/Components/Layout/SideMenu.razor

@@ -34,7 +34,7 @@
             <BarItem>
                 <BarLink To="/">
                     <BarIcon IconName="IconName.Wrench" />
-                    Setting
+                    Settings
                 </BarLink>
             </BarItem>
         </BarEnd>

src/Elektrifikatsiya/Elektrifikatsiya/Components/Layout/TopMenu.razor

@@ -12,9 +12,6 @@
     <BarToggler />
     <BarMenu>
         <BarStart>
-            <BarItem>
-                <BarLink To="/">Home</BarLink>
-            </BarItem>
             <BarItem>
                 <BarLink To="https://blazorise.com/docs/">Documentation</BarLink>
             </BarItem>

src/Elektrifikatsiya/Elektrifikatsiya/Elektrifikatsiya.csproj

@@ -19,6 +19,7 @@
 
 	<ItemGroup>
 		<PackageReference Include="Blazorise" Version="1.1.*" />
+		<PackageReference Include="Blazorise.Components" Version="1.1.6" />
 		<PackageReference Include="Blazorise.Material" Version="1.1.*" />
 		<PackageReference Include="Blazorise.Icons.Material" Version="1.1.*" />
 		<PackageReference Include="Microsoft.EntityFrameworkCore" Version="7.0.2" />

src/Elektrifikatsiya/Elektrifikatsiya/Models/Event.cs

@@ -0,0 +1,18 @@
+namespace Elektrifikatsiya.Models
+{
+	public class Event
+	{
+		public string EventName { get; set; }
+		public string Description { get; set; }
+		public DateTime Date { get; set; }
+
+		//if Plug Class implemented -> Property for plug
+
+		public Event(string eventName, string description, DateTime date)
+		{
+			EventName = eventName;
+			Description = description;
+			Date = date;
+		}
+	}
+}

src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor

@@ -1,4 +1,6 @@
 @page "/"
+@using Blazorise.Components
+@using Elektrifikatsiya.Models;
 @inject IVersionProvider VersionProvider
 <Row>
 	<Column ColumnSize="ColumnSize.Is5">
@@ -9,10 +11,10 @@
 					<Row>
 						<Column ColumnSize="ColumnSize.Is8">
 							<Row>
-								<Column ColumnSize="ColumnSize.Is4">
+								<Column ColumnSize="ColumnSize.Is7">
 									<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">Plug #@i</Heading>
 								</Column>
-								<Column ColumnSize="ColumnSize.Is1">
+								<Column ColumnSize="ColumnSize.Is5">
 									<Paragraph Margin="Margin.Is1.OnY">60W</Paragraph>
 								</Column>
 							</Row>
@@ -28,11 +30,30 @@
 							<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
 								<BarIcon IconName="IconName.Bolt" />
 							</Button>
-					</Column>
+						</Column>
-				</Row>
+					</Row>
-			</ListGroupItem>
+				</ListGroupItem>
 			}
 		</ListGroup>
 	</Column>
+	<Column ColumnSize="ColumnSize.Is5">
+		<ListView TItem="Event"
+				  Data="@events"
+				  TextField="(item) => item.EventName"
+				  ValueField="(item) => item.Description"
+				  Mode="ListGroupMode.Static"
+				  MaxHeight="300px">
+			<ItemTemplate>
+				<Div Flex="Flex.InlineFlex.JustifyContent.Between" Width="Width.Is100">
+					<Heading Size="HeadingSize.Is6" Margin="Margin.Is2.FromBottom">@context.Item.EventName</Heading>
+					<Small>@context.Item.Date</Small>
+				</Div>
+				<Paragraph Margin="Margin.Is2.FromBottom">@context.Item.Description</Paragraph>
+			</ItemTemplate>
+		</ListView>
+	</Column>
 </Row>
+@code {
+	List<Event> events = new List<Event>() { new Event("Jude", "Alles kaputt", DateTime.Now), new Event("Jude", "Alles kaputt", DateTime.Now), new Event("Jude", "Alles kaputt", DateTime.Now) };
+}
 

src/Elektrifikatsiya/Elektrifikatsiya/Program.cs

@@ -1,4 +1,5 @@
 using Blazorise;
+using Blazorise.Bootstrap;
 using Blazorise.Icons.Material;
 using Blazorise.Material;
 
@@ -41,4 +42,10 @@ void AddBlazorise(IServiceCollection services)
     _ = services
         .AddMaterialProviders()
         .AddMaterialIcons();
-}
+}
+builder.Services
+    .AddBlazorise(options =>
+    {
+        options.Immediate = true;
+    })
+    .AddBootstrapProviders();