+
+
Kein Einkaufseintrag angelegt
+
+ Lege einen Einkaufseintrag über dieses
+
+ an
+
+
diff --git a/frontend/src/app/widgets/shopping-list-widget/default-shopping-page/default-shopping-page.component.scss b/frontend/src/app/widgets/shopping-list-widget/default-shopping-page/default-shopping-page.component.scss
new file mode 100644
index 0000000..40df952
--- /dev/null
+++ b/frontend/src/app/widgets/shopping-list-widget/default-shopping-page/default-shopping-page.component.scss
@@ -0,0 +1,13 @@
+.page-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ p {
+ margin-top: 0;
+ }
+}
+
+img {
+ margin-top: var(--size-12);
+}
diff --git a/frontend/src/app/widgets/shopping-list-widget/default-shopping-page/default-shopping-page.component.spec.ts b/frontend/src/app/widgets/shopping-list-widget/default-shopping-page/default-shopping-page.component.spec.ts
new file mode 100644
index 0000000..2faf4b4
--- /dev/null
+++ b/frontend/src/app/widgets/shopping-list-widget/default-shopping-page/default-shopping-page.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DefaultShoppingPageComponent } from './default-shopping-page.component';
+
+describe('DefaultPageComponent', () => {
+ let component: DefaultShoppingPageComponent;
+ let fixture: ComponentFixture