From be249ad01a4bdee36f615b80c7d02a932f36204f Mon Sep 17 00:00:00 2001 From: Mike Wu Date: Wed, 23 Oct 2024 06:30:32 +0900 Subject: [PATCH] Remove climate_setting_schedule in seed and CSS (#661) * remove climate_setting_schedule in fake * remove styles * ci: Format code --------- Co-authored-by: Seam Bot --- .storybook/seed-fake.js | 8 +- .../_climate-setting-schedule-details.scss | 44 ------- .../_climate-setting-schedule-form.scss | 111 ------------------ src/styles/_main.scss | 4 - src/styles/_thermostat.scss | 98 ---------------- 5 files changed, 1 insertion(+), 264 deletions(-) delete mode 100644 src/styles/_climate-setting-schedule-details.scss delete mode 100644 src/styles/_climate-setting-schedule-form.scss diff --git a/.storybook/seed-fake.js b/.storybook/seed-fake.js index efeedd477..6e1fc8977 100644 --- a/.storybook/seed-fake.js +++ b/.storybook/seed-fake.js @@ -23,11 +23,7 @@ export const seedFake = (db) => { }) db.simulateWorkspaceOutage(ws3.workspace_id, { - routes: [ - '/devices/list', - '/access_codes/list', - '/thermostats/climate_setting_schedules/list', - ], + routes: ['/devices/list', '/access_codes/list'], }) const cw = db.addConnectWebview({ @@ -426,7 +422,6 @@ export const seedFake = (db) => { image_url: 'https://connect.getseam.com/assets/images/devices/ecobee_3-lite_front.png', image_alt_text: 'Placeholder Lock Image', - is_climate_setting_schedule_active: false, }, errors: [], }) @@ -479,7 +474,6 @@ export const seedFake = (db) => { image_url: 'https://connect.getseam.com/assets/images/devices/ecobee_3-lite_front.png', image_alt_text: 'Placeholder Lock Image', - is_climate_setting_schedule_active: false, }, errors: [], }) diff --git a/src/styles/_climate-setting-schedule-details.scss b/src/styles/_climate-setting-schedule-details.scss deleted file mode 100644 index 93f6dc0c7..000000000 --- a/src/styles/_climate-setting-schedule-details.scss +++ /dev/null @@ -1,44 +0,0 @@ -@use './colors'; - -@mixin all { - .seam-climate-setting-schedule-details { - .seam-climate-setting-schedule-details-content { - margin: 0 16px; - } - - .seam-climate-setting-details-value { - font-style: normal; - font-weight: 400; - line-height: 118%; - font-size: 14px; - color: colors.$text-gray-1; - - &.seam-climate-setting-details-schedule-range { - display: flex; - align-items: center; - } - } - - .seam-default-setting-message-container { - display: flex; - justify-content: center; - margin: 16px 0; - - .seam-default-setting-message { - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 115%; - color: colors.$text-gray-2; - - .seam-default-setting-text { - color: colors.$text-gray-1; - } - } - } - - .seam-creation-date { - color: colors.$text-gray-1; - } - } -} diff --git a/src/styles/_climate-setting-schedule-form.scss b/src/styles/_climate-setting-schedule-form.scss deleted file mode 100644 index e56c303e2..000000000 --- a/src/styles/_climate-setting-schedule-form.scss +++ /dev/null @@ -1,111 +0,0 @@ -@use './colors'; - -@mixin all { - .seam-climate-setting-schedule-form { - @include main; - @include name-and-schedule; - @include default-climate-setting; - @include climate-setting; - } -} - -@mixin main { - > .seam-main { - padding: 24px 24px 0; - } - - .seam-actions { - display: flex; - gap: 8px; - justify-content: center; - - .seam-btn { - width: 96px; - } - } -} - -@mixin name-and-schedule { - .seam-climate-setting-schedule-form-name-and-schedule { - .seam-time-zone { - display: flex; - align-items: center; - font-size: 14px; - margin-top: -6px; - margin-bottom: 4px; - - .seam-label { - color: colors.$text-gray-2; - margin-right: 4px; - } - - .seam-selected { - color: colors.$primary; - cursor: pointer; - display: flex; - align-items: center; - - svg { - scale: 0.6667; - transform: translate(-6px, 2px); - - * { - fill: colors.$primary; - } - } - } - } - } -} - -@mixin default-climate-setting { - .seam-climate-setting-schedule-form-default-climate-setting { - .seam-control-group-title { - margin-top: 16px; - margin-bottom: 16px; - } - - .seam-label { - color: colors.$text-gray-1; - font-size: 14px; - } - - .seam-default-climate-setting-message { - > p { - color: colors.$text-gray-1; - font-size: 14px; - margin-bottom: 16px; - } - - margin-top: 4px; - border-bottom: 1px solid colors.$divider-stroke-light; - } - - .seam-climate-setting-control-group { - margin-bottom: 32px; - } - } -} - -@mixin climate-setting { - .seam-climate-setting-schedule-form-climate-setting { - .seam-content { - display: flex; - flex-direction: column; - gap: 16px; - width: 100%; - margin-top: 24px; - margin-bottom: 24px; - - .seam-label { - color: colors.$text-gray-2; - font-size: 14px; - } - - .seam-climate-setting-slider-container { - display: flex; - justify-content: center; - } - } - } -} diff --git a/src/styles/_main.scss b/src/styles/_main.scss index d2fa99a6c..a244205bf 100644 --- a/src/styles/_main.scss +++ b/src/styles/_main.scss @@ -26,8 +26,6 @@ @use './snackbar'; @use './spinner'; @use './switch'; -@use './climate-setting-schedule-form'; -@use './climate-setting-schedule-details'; @use './time-zone-picker'; @use './tab-set'; @use './noise-sensor'; @@ -62,12 +60,10 @@ @include device-table.all; @include access-code-details.all; @include access-code-form.all; - @include climate-setting-schedule-form.all; @include alert.all; @include supported-device-table.all; @include supported-device-table-manufacturer-keys.all; @include thermostat.all; @include seam-table.all; - @include climate-setting-schedule-details.all; @include noise-sensor.all; } diff --git a/src/styles/_thermostat.scss b/src/styles/_thermostat.scss index 5f83d9825..c4cab8df5 100644 --- a/src/styles/_thermostat.scss +++ b/src/styles/_thermostat.scss @@ -331,104 +331,6 @@ justify-content: center; align-items: center; } - - .seam-climate-setting-schedule-card { - background: colors.$bg-a; - border-radius: 16px; - - .seam-climate-setting-schedule-content { - display: flex; - flex-direction: column; - - .seam-climate-setting-schedule-summary-container { - padding: 16px; - display: flex; - width: 100%; - gap: 8px; - - .seam-climate-setting-schedule-icon-block { - padding: 8px; - } - - .seam-climate-setting-schedule-summary { - display: flex; - flex-direction: column; - - .seam-climate-setting-schedule-heading { - font-weight: 600; - font-size: 21px; - line-height: 132%; - margin-bottom: 8px; - } - - .seam-climate-setting-schedule-subheading { - display: flex; - align-items: center; - color: colors.$text-gray-1; - line-height: 118%; - - .seam-dot-divider { - color: colors.$text-gray-3; - width: 16px; - display: flex; - justify-content: center; - } - } - } - } - - .seam-climate-setting-schedule-device-bar { - border-top: 1px solid colors.$bg-c; - padding: 16px; - display: flex; - align-items: center; - justify-content: space-between; - cursor: pointer; - - .seam-device-image { - width: 30px; - height: 30px; - margin-right: 16px; - - img { - width: 100%; - max-height: 100%; - } - } - - .seam-climate-setting-schedule-device-content { - display: flex; - align-items: center; - width: 100%; - font-weight: 400; - font-size: 14px; - line-height: 134%; - - .seam-climate-setting-schedule-device-details { - display: flex; - flex-direction: column; - gap: 2.5px; - - .seam-device-name { - color: colors.$text-gray-1; - } - - .seam-device-current-climate-setting { - line-height: 118%; - color: colors.$text-gray-2; - display: flex; - align-items: center; - gap: 8px; - } - } - } - } - } - - .seam-climate-setting-schedule-device-chevron { - transform: rotate(270deg); - } - } } @mixin thermostat-card {