Skip to content

Commit

Permalink
add aliases
Browse files Browse the repository at this point in the history
  • Loading branch information
@leanormandon
leanormandon committed Jun 27, 2024
1 parent 67a08f3 commit 1b87829
Show file tree
Hide file tree
Showing 4 changed files with 1,748 additions and 1,603 deletions.
11 changes: 10 additions & 1 deletion .storybook/main.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,10 +49,19 @@ const config: StorybookConfig = {
test: /\.twig$/,
use: [
{
loader: 'twig-loader'
loader: 'twigjs-loader'
}
]
});

config.resolve = {
...config.resolve,
alias: {
...config.resolve?.alias,
'@components': path.resolve(__dirname, '../components'),
'@icons': path.resolve(__dirname, '../assets/icons')
}
};
return config;
},
docs: {
Expand Down
34 changes: 17 additions & 17 deletions components/Layout/Header/Header.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div class='flex'>
{% if type == "searchbar" %}
<div class='hidden lg:block xl:hidden'>
{% include '../../Molecules/HeaderButton/HeaderButton.twig' with {icon: 'menu', text: 'Cart', classes: 'HeaderButton--light', small: true } %}
{% include '@components/Molecules/HeaderButton/HeaderButton.twig' with {icon: 'menu', text: 'Cart', classes: 'HeaderButton--light', small: true } %}
</div>
{% endif %}

Expand All @@ -13,35 +13,35 @@

{% if type == "searchbar" %}
<div class='py-[22px] w-[500px] hidden lg:block'>
{% include '../../Molecules/SearchBar/SearchBar.twig' %}
{% include '@components/Molecules/SearchBar/SearchBar.twig' %}
</div>
{% else %}
<div class='hidden lg:flex lg:gap-[30px]'>
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu", href: "#" } %}
</div>
{% endif %}

<div class='hidden sm:flex'>
{% if type != "searchbar" %}
{% include '../../Molecules/HeaderButton/HeaderButton.twig' with { icon: 'search', classes: 'HeaderButton--search', text: 'Search' } %}
{% include '@components/Molecules/HeaderButton/HeaderButton.twig' with { icon: 'search', classes: 'HeaderButton--search', text: 'Search' } %}
{% endif %}
{% include '../../Molecules/HeaderButton/HeaderButton.twig' with { icon: 'heart-fill', classes: 'HeaderButton--wishlist', text: 'Wishlist' } %}
{% include '../../Molecules/HeaderButton/HeaderButton.twig' with { icon: 'account', classes: 'HeaderButton--account', text: 'Login' } %}
{% include '../../Molecules/HeaderButton/HeaderButton.twig' with { icon: 'cart', text: 'Cart', classes: 'HeaderButton--cart' } %}
{% include '../../Molecules/HeaderButton/HeaderButton.twig' with { icon: 'menu', text: 'Cart', classes: 'HeaderButton--menu lg:hidden' } %}
{% include '@components/Molecules/HeaderButton/HeaderButton.twig' with { icon: 'heart-fill', classes: 'HeaderButton--wishlist', text: 'Wishlist' } %}
{% include '@components/Molecules/HeaderButton/HeaderButton.twig' with { icon: 'account', classes: 'HeaderButton--account', text: 'Login' } %}
{% include '@components/Molecules/HeaderButton/HeaderButton.twig' with { icon: 'cart', text: 'Cart', classes: 'HeaderButton--cart' } %}
{% include '@components/Molecules/HeaderButton/HeaderButton.twig' with { icon: 'menu', text: 'Cart', classes: 'HeaderButton--menu lg:hidden' } %}
</div>
</header>

{% if type == "searchbar" %}
<nav class='hidden xl:flex xl:gap-[30px] bg-grey-lightest xl:justify-center xl:items-center'>
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '../../Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
{% include '@components/Molecules/ItemHeader/ItemHeader.twig' with { customText: "Item menu long", href: "#" } %}
</nav>
{% endif %}
Loading

0 comments on commit 1b87829

Please sign in to comment.