Some refactoring work

ArkStudiosLLC · Jan 19, 2024 · 274c23b · 274c23b
1 parent 7c957ed
commit 274c23b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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'>