[Back] SeedData (#84)

* Update styles in Banner component * Refactor styles in Banner component * Update size names, remove captions, and modify background properties Updated the size names from "XXL" to "2XL" and `Types` property in `DataSeeder.cs`. Removed `Caption` property for both male and female T-Shirts in the same file. In `Banner.tsx`, changed `backgroundColor` property and removed the `background` property.
opentelekomcloud · Mar 1, 2024 · aecd6cc · aecd6cc
1 parent f5ae635
commit aecd6cc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/TSystems.LoveOTC/Helpers/DataSeeder.cs b/TSystems.LoveOTC/Helpers/DataSeeder.cs
@@ -101,7 +101,7 @@ public static async Task SeedData(IApplicationBuilder host) {
         }).Entity;
 
         var jac2XLType = context.Types.Add(new() {
-            Name = "XXL",
+            Name = "2XL",
             Variant = jacSizeVar
         }).Entity;
 
@@ -130,7 +130,7 @@ public static async Task SeedData(IApplicationBuilder host) {
         var jac4XLComb = context.Combos.Add(new() {
             Stock = 4,
             Product = jacketProd,
-            Types = [jac3XLType]
+            Types = [jac4XLType]
         }).Entity;
 
         var jac5XLType = context.Types.Add(new() {
@@ -141,7 +141,7 @@ public static async Task SeedData(IApplicationBuilder host) {
         var jac5XLComb = context.Combos.Add(new() {
             Stock = 1,
             Product = jacketProd,
-            Types = [jac3XLType]
+            Types = [jac5XLType]
         }).Entity;
 
         #endregion
@@ -160,12 +160,10 @@ public static async Task SeedData(IApplicationBuilder host) {
             Photos = [
                 new() {
                     Cover = true,
-                    Caption = "Male T-Shirts Front",
                     Order = 1,
                     Object = new() { Data = tMale1 }
                 },
                 new() {
-                    Caption = "Male T-Shirts Back",
                     Order = 2,
                     Object = new() { Data = tMale2 }
                 },
@@ -222,7 +220,7 @@ public static async Task SeedData(IApplicationBuilder host) {
         }).Entity;
 
         var mShirt2XLType = context.Types.Add(new() {
-            Name = "XXL",
+            Name = "2XL",
             Variant = mShirtSizeVar
         }).Entity;
 
@@ -262,7 +260,7 @@ public static async Task SeedData(IApplicationBuilder host) {
         var mShirt5XLComb = context.Combos.Add(new() {
             Stock = 5,
             Product = mShirtProd,
-            Types = [mShirt4XLType]
+            Types = [mShirt5XLType]
         }).Entity;
 
         #endregion
@@ -275,12 +273,10 @@ public static async Task SeedData(IApplicationBuilder host) {
             Photos = [
                 new() {
                     Cover = true,
-                    Caption = "Female T-Shirts Front",
                     Order = 1,
                     Object = new() { Data = tFemale1 }
                 },
                 new() {
-                    Caption = "Female T-Shirts Back",
                     Order = 2,
                     Object = new() { Data = tFemale2 }
                 },
@@ -337,7 +333,7 @@ public static async Task SeedData(IApplicationBuilder host) {
         }).Entity;
 
         var fShirt2XLType = context.Types.Add(new() {
-            Name = "XXL",
+            Name = "2XL",
             Variant = fShirtSizeVar
         }).Entity;
 

diff --git a/public/banner.webp b/public/banner.webp
diff --git a/src/Pages/Gallery/Banner.tsx b/src/Pages/Gallery/Banner.tsx
@@ -52,15 +52,19 @@ const useStyles = makeStyles({
       fontSize: tokens.fontSizeBase300,
       lineHeight: tokens.lineHeightBase300,
     }
+  },
+  bg: {
+    width: "fit-content",
+    backgroundColor: "rgba(0, 0, 0, 0.65)"
+  },
+  btn: {
+    width: "fit-content"
   }
 });
 
 const useMaskStyle = makeResetStyles({
-  background: "linear-gradient(to right, transparent, var(--colorScrollbarOverlay))",
-  "@media screen and (max-width: 1024px)": {
-    background: tokens.colorBackgroundOverlay
-  }
-})
+  background: "linear-gradient(to right, transparent, var(--colorScrollbarOverlay))"
+});
 
 /**
  * @author Aloento
@@ -93,7 +97,7 @@ export function Banner() {
         <div className={style.space} />
 
         <div className={style.txt}>
-          <div>
+          <div className={style.bg}>
             <LargeTitle className={style.white}>
               Play&nbsp;
             </LargeTitle>
@@ -113,7 +117,7 @@ export function Banner() {
             </LargeTitle>
           </div>
 
-          <Text size={500} truncate className={style.white}>
+          <Text size={500} truncate className={mergeClasses(style.bg, style.white)}>
             We offer an exclusive chance for OTC tribe members to get up to three fashion items until February 29, 2024.
             Members can log in using their OTC-LDAP account, update their delivery address in the "Settings," and shop for their preferred styles.
             After selecting items and sizes, confirm and submit their order and address.
@@ -122,8 +126,8 @@ export function Banner() {
 
           <Dialog modalType="non-modal">
             <DialogTrigger disableButtonEnhancement>
-              <div>
-                <Button appearance="outline" size="large" className={style.white}>
+              <div className={style.btn}>
+                <Button appearance="outline" size="large" className={mergeClasses(style.bg, style.white)}>
                   Learn More
                 </Button>
               </div>