refactor: move footer block component into footer folder

IATI · Nov 7, 2024 · a23cd6e · a23cd6e
1 parent 2599c57
commit a23cd6e
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 8 deletions.
diff --git a/src/scss/components/_index.scss b/src/scss/components/_index.scss
@@ -12,6 +12,5 @@
 @forward "message/message";
 @forward "mobile-nav/mobile-nav";
 @forward "newsletter-form/newsletter-form";
-@forward "footer-block/footer-block";
 @forward "header/header";
 @forward "footer/footer";
diff --git a/src/scss/components/footer/_footer.scss b/src/scss/components/footer/_footer.scss
@@ -1,3 +1,5 @@
+@forward "footer-block/footer-block";
+
 @use "../../tokens/color" as *;
 @use "../../tokens/font" as *;
 @use "../../tokens/spacing" as *;

diff --git a/...omponents/footer-block/_footer-block.scss → ...ts/footer/footer-block/_footer-block.scss b/...omponents/footer-block/_footer-block.scss → ...ts/footer/footer-block/_footer-block.scss
@@ -1,7 +1,7 @@
-@use "../../tokens/screens" as *;
-@use "../../tokens/font" as *;
-@use "../../tokens/color" as *;
-@use "../../base/mixins";
+@use "../../../tokens/screens" as *;
+@use "../../../tokens/font" as *;
+@use "../../../tokens/color" as *;
+@use "../../../base/mixins";
 
 .iati-footer-block {
   color: #fff;

diff --git a/...ents/footer-block/footer-block.stories.ts → ...oter/footer-block/footer-block.stories.ts b/...ents/footer-block/footer-block.stories.ts → ...oter/footer-block/footer-block.stories.ts
diff --git a/src/scss/components/footer/footer.stories.ts b/src/scss/components/footer/footer.stories.ts
@@ -2,12 +2,12 @@ import type { Meta, StoryObj } from "@storybook/web-components";
 import { html } from "lit";
 
 import { CountrySwitcher } from "../../components/country-switcher/country-switcher.stories";
+import { Linkedin, Twitter, Youtube } from "../../components/icon/icon.stories";
+import { Default as NewsletterForm } from "../../components/newsletter-form/newsletter-form.stories";
 import {
   AdditionInfo as AdditionalInfoFooterBlock,
   UsefulLinks as UsefulLinksFooterBlock,
-} from "../../components/footer-block/footer-block.stories";
-import { Linkedin, Twitter, Youtube } from "../../components/icon/icon.stories";
-import { Default as NewsletterForm } from "../../components/newsletter-form/newsletter-form.stories";
+} from "./footer-block/footer-block.stories";
 
 const legalNavItems = [
   html`<a href="#">Privacy</a>`,