add LargeTable component

This commit is contained in:
Arvid Norlin
2024-05-31 16:03:30 +02:00
parent de79c2dc80
commit 92f5f7f7c0
17 changed files with 136 additions and 94 deletions
@@ -28,7 +28,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/new-friend.svg"
"icon": "/_static/icons/loyaltyLevels/new-friend.svg"
},
{
"tier": 2,
@@ -44,7 +44,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/good-friend.svg"
"icon": "/_static/icons/loyaltyLevels/good-friend.svg"
},
{
"tier": 3,
@@ -67,7 +67,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/close-friend.svg"
"icon": "/_static/icons/loyaltyLevels/close-friend.svg"
},
{
"tier": 4,
@@ -97,7 +97,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/dear-friend.svg"
"icon": "/_static/icons/loyaltyLevels/dear-friend.svg"
},
{
"tier": 5,
@@ -127,7 +127,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/loyal-friend.svg"
"icon": "/_static/icons/loyaltyLevels/loyal-friend.svg"
},
{
"tier": 6,
@@ -164,7 +164,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/true-friend.svg"
"icon": "/_static/icons/loyaltyLevels/true-friend.svg"
},
{
"tier": 7,
@@ -194,7 +194,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/best-friend.svg"
"icon": "/_static/icons/loyaltyLevels/best-friend.svg"
}
]
}
@@ -28,7 +28,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/new-friend.svg"
"icon": "/_static/icons/loyaltyLevels/new-friend.svg"
},
{
"tier": 2,
@@ -44,7 +44,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/good-friend.svg"
"icon": "/_static/icons/loyaltyLevels/good-friend.svg"
},
{
"tier": 3,
@@ -67,7 +67,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/close-friend.svg"
"icon": "/_static/icons/loyaltyLevels/close-friend.svg"
},
{
"tier": 4,
@@ -97,7 +97,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/dear-friend.svg"
"icon": "/_static/icons/loyaltyLevels/dear-friend.svg"
},
{
"tier": 5,
@@ -127,7 +127,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/loyal-friend.svg"
"icon": "/_static/icons/loyaltyLevels/loyal-friend.svg"
},
{
"tier": 6,
@@ -164,7 +164,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/true-friend.svg"
"icon": "/_static/icons/loyaltyLevels/true-friend.svg"
},
{
"tier": 7,
@@ -194,7 +194,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/best-friend.svg"
"icon": "/_static/icons/loyaltyLevels/best-friend.svg"
}
]
}
@@ -28,7 +28,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/new-friend.svg"
"icon": "/_static/icons/loyaltyLevels/new-friend.svg"
},
{
"tier": 2,
@@ -44,7 +44,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/good-friend.svg"
"icon": "/_static/icons/loyaltyLevels/good-friend.svg"
},
{
"tier": 3,
@@ -67,7 +67,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/close-friend.svg"
"icon": "/_static/icons/loyaltyLevels/close-friend.svg"
},
{
"tier": 4,
@@ -97,7 +97,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/dear-friend.svg"
"icon": "/_static/icons/loyaltyLevels/dear-friend.svg"
},
{
"tier": 5,
@@ -127,7 +127,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/loyal-friend.svg"
"icon": "/_static/icons/loyaltyLevels/loyal-friend.svg"
},
{
"tier": 6,
@@ -164,7 +164,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/true-friend.svg"
"icon": "/_static/icons/loyaltyLevels/true-friend.svg"
},
{
"tier": 7,
@@ -194,7 +194,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/best-friend.svg"
"icon": "/_static/icons/loyaltyLevels/best-friend.svg"
}
]
}
@@ -28,7 +28,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/new-friend.svg"
"icon": "/_static/icons/loyaltyLevels/new-friend.svg"
},
{
"tier": 2,
@@ -44,7 +44,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/good-friend.svg"
"icon": "/_static/icons/loyaltyLevels/good-friend.svg"
},
{
"tier": 3,
@@ -67,7 +67,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/close-friend.svg"
"icon": "/_static/icons/loyaltyLevels/close-friend.svg"
},
{
"tier": 4,
@@ -97,7 +97,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/dear-friend.svg"
"icon": "/_static/icons/loyaltyLevels/dear-friend.svg"
},
{
"tier": 5,
@@ -127,7 +127,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/loyal-friend.svg"
"icon": "/_static/icons/loyaltyLevels/loyal-friend.svg"
},
{
"tier": 6,
@@ -164,7 +164,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/true-friend.svg"
"icon": "/_static/icons/loyaltyLevels/true-friend.svg"
},
{
"tier": 7,
@@ -194,7 +194,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltyLevels/best-friend.svg"
"icon": "/_static/icons/loyaltyLevels/best-friend.svg"
}
]
}
@@ -28,7 +28,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/new-friend.svg"
"icon": "/_static/icons/loyaltylevels/new-friend.svg"
},
{
"tier": 2,
@@ -44,7 +44,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/good-friend.svg"
"icon": "/_static/icons/loyaltylevels/good-friend.svg"
},
{
"tier": 3,
@@ -67,7 +67,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/close-friend.svg"
"icon": "/_static/icons/loyaltylevels/close-friend.svg"
},
{
"tier": 4,
@@ -97,7 +97,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/dear-friend.svg"
"icon": "/_static/icons/loyaltylevels/dear-friend.svg"
},
{
"tier": 5,
@@ -127,7 +127,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/loyal-friend.svg"
"icon": "/_static/icons/loyaltylevels/loyal-friend.svg"
},
{
"tier": 6,
@@ -164,7 +164,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/true-friend.svg"
"icon": "/_static/icons/loyaltylevels/true-friend.svg"
},
{
"tier": 7,
@@ -194,7 +194,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/best-friend.svg"
"icon": "/_static/icons/loyaltylevels/best-friend.svg"
}
]
}
@@ -28,7 +28,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/new-friend.svg"
"icon": "/_static/icons/loyaltylevels/new-friend.svg"
},
{
"tier": 2,
@@ -44,7 +44,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/good-friend.svg"
"icon": "/_static/icons/loyaltylevels/good-friend.svg"
},
{
"tier": 3,
@@ -67,7 +67,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/close-friend.svg"
"icon": "/_static/icons/loyaltylevels/close-friend.svg"
},
{
"tier": 4,
@@ -97,7 +97,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/dear-friend.svg"
"icon": "/_static/icons/loyaltylevels/dear-friend.svg"
},
{
"tier": 5,
@@ -127,7 +127,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/loyal-friend.svg"
"icon": "/_static/icons/loyaltylevels/loyal-friend.svg"
},
{
"tier": 6,
@@ -164,7 +164,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/true-friend.svg"
"icon": "/_static/icons/loyaltylevels/true-friend.svg"
},
{
"tier": 7,
@@ -194,7 +194,7 @@
"href": ""
}
],
"logo": "/_static/icons/loyaltylevels/best-friend.svg"
"icon": "/_static/icons/loyaltylevels/best-friend.svg"
}
]
}
@@ -56,7 +56,7 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) {
<Title className={styles.tierHeading} level="h4">
{level.tier}
</Title>
<Image src={level.logo} alt={level.name} width={140} height={54} />
<Image src={level.icon} alt={level.name} width={140} height={54} />
<p className={styles.qualifications}>{qualifications}</p>
{level.benefits.map((benefit) => (
<p key={benefit.title} className={styles.benefits}>