From 19775ab31746b096314f5b5adde6aa672e889c3a Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Tue, 10 May 2022 12:36:46 -0300 Subject: [PATCH 1/2] :bento: add sidebar icons --- public/assets/sidebar/consumptionIcon.svg | 6 ++++++ public/assets/sidebar/dashboardIcon.svg | 6 ++++++ public/assets/sidebar/economyIcon.svg | 5 +++++ public/assets/sidebar/faqIcon.svg | 5 +++++ public/assets/sidebar/newsIcon.svg | 6 ++++++ public/assets/sidebar/notificationsIcon.svg | 3 +++ public/assets/sidebar/sectorialInfoIcon.svg | 6 ++++++ public/assets/sidebar/summaryOperationsIcon.svg | 0 public/assets/sidebar/telemetryIcon.svg | 6 ++++++ src/components/sidebar/SidebarView.ts | 6 ++++++ 10 files changed, 49 insertions(+) create mode 100644 public/assets/sidebar/consumptionIcon.svg create mode 100644 public/assets/sidebar/dashboardIcon.svg create mode 100644 public/assets/sidebar/economyIcon.svg create mode 100644 public/assets/sidebar/faqIcon.svg create mode 100644 public/assets/sidebar/newsIcon.svg create mode 100644 public/assets/sidebar/notificationsIcon.svg create mode 100644 public/assets/sidebar/sectorialInfoIcon.svg create mode 100644 public/assets/sidebar/summaryOperationsIcon.svg create mode 100644 public/assets/sidebar/telemetryIcon.svg diff --git a/public/assets/sidebar/consumptionIcon.svg b/public/assets/sidebar/consumptionIcon.svg new file mode 100644 index 0000000..19b39d1 --- /dev/null +++ b/public/assets/sidebar/consumptionIcon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/sidebar/dashboardIcon.svg b/public/assets/sidebar/dashboardIcon.svg new file mode 100644 index 0000000..3b54fbc --- /dev/null +++ b/public/assets/sidebar/dashboardIcon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/sidebar/economyIcon.svg b/public/assets/sidebar/economyIcon.svg new file mode 100644 index 0000000..b8a2063 --- /dev/null +++ b/public/assets/sidebar/economyIcon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/assets/sidebar/faqIcon.svg b/public/assets/sidebar/faqIcon.svg new file mode 100644 index 0000000..03fcfc7 --- /dev/null +++ b/public/assets/sidebar/faqIcon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/assets/sidebar/newsIcon.svg b/public/assets/sidebar/newsIcon.svg new file mode 100644 index 0000000..1ed49f2 --- /dev/null +++ b/public/assets/sidebar/newsIcon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/sidebar/notificationsIcon.svg b/public/assets/sidebar/notificationsIcon.svg new file mode 100644 index 0000000..7df561c --- /dev/null +++ b/public/assets/sidebar/notificationsIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/sidebar/sectorialInfoIcon.svg b/public/assets/sidebar/sectorialInfoIcon.svg new file mode 100644 index 0000000..1ed49f2 --- /dev/null +++ b/public/assets/sidebar/sectorialInfoIcon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/sidebar/summaryOperationsIcon.svg b/public/assets/sidebar/summaryOperationsIcon.svg new file mode 100644 index 0000000..e69de29 diff --git a/public/assets/sidebar/telemetryIcon.svg b/public/assets/sidebar/telemetryIcon.svg new file mode 100644 index 0000000..8ccd842 --- /dev/null +++ b/public/assets/sidebar/telemetryIcon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/sidebar/SidebarView.ts b/src/components/sidebar/SidebarView.ts index 66bd59f..6579fcc 100644 --- a/src/components/sidebar/SidebarView.ts +++ b/src/components/sidebar/SidebarView.ts @@ -26,6 +26,12 @@ export const SidebarView = styled.nav` .actualPath { border-left: #254F7F solid 8px; background-color: #FAFBFF; + + font-weight: 600; + font-size: 18px; + line-height: 27px; + + color: #254F7F; } ul { From 454bcbf20078fb0fa9336f1ef7c6eee411c36b86 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Tue, 10 May 2022 14:07:20 -0300 Subject: [PATCH 2/2] :sparkles: add icons to nav --- .../sidebar/{faqIcon.svg => saqIcon.svg} | 0 .../assets/sidebar/summaryOperationsIcon.svg | 3 +++ src/components/sidebar/Sidebar.tsx | 20 +++++++++---------- src/components/sidebar/SidebarView.ts | 10 +++++++--- 4 files changed, 20 insertions(+), 13 deletions(-) rename public/assets/sidebar/{faqIcon.svg => saqIcon.svg} (100%) diff --git a/public/assets/sidebar/faqIcon.svg b/public/assets/sidebar/saqIcon.svg similarity index 100% rename from public/assets/sidebar/faqIcon.svg rename to public/assets/sidebar/saqIcon.svg diff --git a/public/assets/sidebar/summaryOperationsIcon.svg b/public/assets/sidebar/summaryOperationsIcon.svg index e69de29..fd18447 100644 --- a/public/assets/sidebar/summaryOperationsIcon.svg +++ b/public/assets/sidebar/summaryOperationsIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx index 97d6566..1c89442 100644 --- a/src/components/sidebar/Sidebar.tsx +++ b/src/components/sidebar/Sidebar.tsx @@ -25,22 +25,22 @@ export default function Sidebar() {
    -
  • {'Visão Geral'}
    • -
  • {'Consumo'}
    • -
  • {'Resumo de Op. '}
    • -
  • setEconomiaDrawer(!economiaDrawer)} className={router.pathname=='/grossSavings' || router.pathname=='/accumulatedSavings' || router.pathname=='/estimatedCost' || router.pathname=='/costIndicator' ? 'actualPath' : null } >{'Economia >'}
    • +
  • {'Visão Geral'}
    • +
  • {'Consumo'}
    • +
  • {'Resumo de Op. '}
    • +
  • setEconomiaDrawer(!economiaDrawer)} className={router.pathname=='/grossSavings' || router.pathname=='/accumulatedSavings' || router.pathname=='/estimatedCost' || router.pathname=='/costIndicator' ? 'actualPath' : null } >{'Economia >'}
  • Economia Bruta
  • Economia Acumulada
  • Custo Estimado
  • Custo R/MWh
    • -
  • {'Notícias >'}
    • -
  • {'Info Setorial >'}
    • -
  • {'SAQ >'}
    • -
  • {'Sobre Nós >'}
    • -
  • {'Notificação >'}
    • -
  • {'Telemetria >'}
    • +
  • {'Notícias >'}
    • +
  • {'Info Setorial >'}
    • +
  • {'SAQ >'}
    • +
  • {'Sobre Nós >'}
    • +
  • {'Notificação >'}
    • +
  • {'Telemetria >'}