From 274c23b101209bcc9012abe52c3729c8e7ef895f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=9F=E3=81=A4=E3=81=9E=E3=81=86?=
 <tatsuzoaraki@gmail.com>
Date: Sat, 20 Jan 2024 00:19:06 +0900
Subject: [PATCH] Some refactoring work

---
 src/app/company/data.ts                  | 1 +
 src/app/company/page.tsx                 | 8 ++++----
 src/app/products/page.tsx                | 2 +-
 src/app/ui/components/navigation-bar.tsx | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/company/data.ts b/src/app/company/data.ts
index c2a229d..d1b4083 100644
--- a/src/app/company/data.ts
+++ b/src/app/company/data.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-irregular-whitespace */
 interface SummaryInfo {
   type: 'plain' | 'address' | 'industry'
   title: string
diff --git a/src/app/company/page.tsx b/src/app/company/page.tsx
index c710bc2..16f98a3 100644
--- a/src/app/company/page.tsx
+++ b/src/app/company/page.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable no-irregular-whitespace */
 import { Metadata } from 'next'
 import React from 'react'
 
@@ -14,10 +13,11 @@ function SummarySection() {
   return (
     <Section title='会社概要'>
       {summaryInfos.map((summaryInfo) => {
+        const key = summaryInfo.type + summaryInfo.title + summaryInfo.contents.length
         switch (summaryInfo.type) {
           case 'plain':
             return (
-              <Subsection title={summaryInfo.title}>
+              <Subsection key={key} title={summaryInfo.title}>
                 {summaryInfo.contents.map((content) => {
                   return <Label key={content}>{content}</Label>
                 })}
@@ -26,7 +26,7 @@ function SummarySection() {
 
           case 'address':
             return (
-              <Subsection title={summaryInfo.title}>
+              <Subsection key={key} title={summaryInfo.title}>
                 <address className='not-italic'>
                   {summaryInfo.contents.map((content) => {
                     return <Label key={content}>{content}</Label>
@@ -46,7 +46,7 @@ function SummarySection() {
 
           case 'industry':
             return (
-              <Subsection title={summaryInfo.title}>
+              <Subsection key={key} title={summaryInfo.title}>
                 <ul className='ml-5 list-disc'>
                   {summaryInfo.contents.map((content) => {
                     return (
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index aceb79b..1624338 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -72,7 +72,7 @@ function AppCards() {
           {infos.map((info) => {
             return (
               <IconCell
-                key={info.type}
+                key={info.type + info.value}
                 icon={<PriceIcon info={info} />}
                 title={(function () {
                   switch (info.type) {
diff --git a/src/app/ui/components/navigation-bar.tsx b/src/app/ui/components/navigation-bar.tsx
index 56ab4ad..c28ddb4 100644
--- a/src/app/ui/components/navigation-bar.tsx
+++ b/src/app/ui/components/navigation-bar.tsx
@@ -36,7 +36,7 @@ function Links() {
 
 export default function NavigationBar() {
   return (
-    <nav className='fixed top-0 z-10 flex w-full justify-center backdrop-blur-md backdrop-filter dark:bg-black/10'>
+    <nav className='fixed top-0 z-10 flex w-full justify-center backdrop-blur-3xl dark:bg-black/10'>
       <div className='w-limited flex items-center justify-between py-3'>
         <Logo />
         <div className='hidden sm:block'>