From 354b779eb7827357514652caa6ce01913068562d Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Mon, 7 Mar 2022 02:47:12 -0500
Subject: [PATCH] Update

---
 src/components/campaign/CalendarView.tsx      | 26 ++++++++++++--
 src/views/shared/Shared.scss                  |  1 -
 .../room-previewer/RoomPreviewerView.scss     | 36 -------------------
 3 files changed, 24 insertions(+), 39 deletions(-)
 delete mode 100644 src/views/shared/room-previewer/RoomPreviewerView.scss

diff --git a/src/components/campaign/CalendarView.tsx b/src/components/campaign/CalendarView.tsx
index 09b60bda..b36d5669 100644
--- a/src/components/campaign/CalendarView.tsx
+++ b/src/components/campaign/CalendarView.tsx
@@ -116,7 +116,29 @@ export const CalendarView: FC<CalendarViewProps> = props =>
                     </Column>
                     <Column size={ 1 } />
                 </Grid>
-                <Grid fullHeight alignItems="center" gap={ 1 }>
+                <Flex fullHeight gap={ 2 }>
+                    <Flex center>
+                        <Base pointer className="campaign-spritesheet prev" onClick={ onClickPrev } />
+                    </Flex>
+                    <Column center fullWidth>
+                        <Grid fit columnCount={ TOTAL_SHOWN_ITEMS } gap={ 1 }>
+                            { [...Array(TOTAL_SHOWN_ITEMS)].map((e, i) =>
+                                {
+                                    const day = (index + i);
+                                    
+                                    return (
+                                        <Column key={ i } overflow="hidden">
+                                            <CalendarItemView itemId={ day } state={ getDayState(day) } active={ (selectedDay === day) } productName={ receivedProducts.has(day) ? receivedProducts.get(day) : null } onClick={ onClickItem } />
+                                        </Column>
+                                    );
+                                }) }
+                        </Grid>
+                    </Column>
+                    <Flex center>
+                        <Base pointer className="campaign-spritesheet next" onClick={ onClickNext } />
+                    </Flex>
+                </Flex>
+                {/* <Grid fullHeight alignItems="center" gap={ 1 }>
                     <Column fullHeight center size={ 1 }>
                         <Base pointer className="campaign-spritesheet prev" onClick={ onClickPrev } />
                     </Column>
@@ -137,7 +159,7 @@ export const CalendarView: FC<CalendarViewProps> = props =>
                     <Column fullHeight center size={ 1 }>
                         <Base pointer className="campaign-spritesheet next" onClick={ onClickNext } />
                     </Column>
-                </Grid>
+                </Grid> */}
             </NitroCardContentView>
         </NitroCardView>
     )
diff --git a/src/views/shared/Shared.scss b/src/views/shared/Shared.scss
index cdcc03ed..1ce927a7 100644
--- a/src/views/shared/Shared.scss
+++ b/src/views/shared/Shared.scss
@@ -1,2 +1 @@
 @import "./limited-edition/LimitedEdition";
-@import "./room-previewer/RoomPreviewerView";
diff --git a/src/views/shared/room-previewer/RoomPreviewerView.scss b/src/views/shared/room-previewer/RoomPreviewerView.scss
deleted file mode 100644
index 0de55bf3..00000000
--- a/src/views/shared/room-previewer/RoomPreviewerView.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-.room-preview-container {
-    position: relative;
-    width: 100%;
-
-    .room-preview-image {
-        position: relative;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        border-radius: $border-radius;
-        background-color: $light;
-        background-repeat: no-repeat;
-        background-position: center;
-        overflow: hidden;
-    
-        &.border-0 {
-            &::after {
-                content: none;
-            }
-        }
-
-        &::after {
-            position: absolute;
-            content: '';
-            top: 0;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            border-radius: $border-radius;
-            border-bottom: 2px solid white;
-            border-right: 2px solid white;
-            box-shadow: -2px -2px rgba(0, 0, 0, .4), inset 3px 3px rgba(0, 0, 0, .2);
-        }
-    }
-}