diff --git a/components/Blocks/Shortcuts/OneColumnList/index.tsx b/components/Blocks/Shortcuts/OneColumnList/index.tsx
deleted file mode 100644
index 9f113fe34..000000000
--- a/components/Blocks/Shortcuts/OneColumnList/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import Shortcut from "../Shortcut"
-
-import styles from "./oneColumnList.module.css"
-
-import type { ShortcutsListProps } from "@/types/components/blocks/shortcuts"
-
-export default function OneColumnList({ linkList }: ShortcutsListProps) {
- return (
-
- )
-}
diff --git a/components/Blocks/Shortcuts/OneColumnList/oneColumnList.module.css b/components/Blocks/Shortcuts/OneColumnList/oneColumnList.module.css
deleted file mode 100644
index 5918f2b65..000000000
--- a/components/Blocks/Shortcuts/OneColumnList/oneColumnList.module.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.section {
- display: grid;
- border-radius: var(--Corner-radius-Medium);
- border: 1px solid var(--Base-Border-Subtle);
- overflow: hidden;
-}
diff --git a/components/Blocks/Shortcuts/Shortcut/index.tsx b/components/Blocks/Shortcuts/ShortcutList/index.tsx
similarity index 81%
rename from components/Blocks/Shortcuts/Shortcut/index.tsx
rename to components/Blocks/Shortcuts/ShortcutList/index.tsx
index 6de9c9ff7..e2826ed5e 100644
--- a/components/Blocks/Shortcuts/Shortcut/index.tsx
+++ b/components/Blocks/Shortcuts/ShortcutList/index.tsx
@@ -2,14 +2,14 @@ import { ArrowRightIcon } from "@/components/Icons"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
-import styles from "./shortcut.module.css"
+import styles from "./shortcutList.module.css"
import type { ShortcutsListProps } from "@/types/components/blocks/shortcuts"
-export default function Shortcut({ linkList }: ShortcutsListProps) {
+export default function ShortcutList({ shortCutList }: ShortcutsListProps) {
return (
<>
- {linkList.map((shortcut) => (
+ {shortCutList.map((shortcut) => (
-
-
-
-
-
-
-
- )
-}
diff --git a/components/Blocks/Shortcuts/index.tsx b/components/Blocks/Shortcuts/index.tsx
index 4a9afd98d..f0a88e37b 100644
--- a/components/Blocks/Shortcuts/index.tsx
+++ b/components/Blocks/Shortcuts/index.tsx
@@ -1,8 +1,9 @@
import SectionContainer from "@/components/Section/Container"
import SectionHeader from "@/components/Section/Header"
-import OneColumnList from "./OneColumnList"
-import TwoColumnList from "./TwoColumnList"
+import ShortcutList from "./ShortcutList"
+
+import styles from "./shortcuts.module.css"
import type { ShortcutsProps } from "@/types/components/blocks/shortcuts"
@@ -13,14 +14,37 @@ export default function Shortcuts({
title,
columns,
}: ShortcutsProps) {
+ const middleIndex = Math.ceil(shortcuts.length / 2)
+ const leftColumn = shortcuts.slice(0, middleIndex)
+ const rightColumn = shortcuts.slice(middleIndex)
+
+ function setStyles(twoColumns: boolean) {
+ if (twoColumns) {
+ return {
+ section: styles.twoColumnSection,
+ leftColumn: styles.leftColumn,
+ rightColumn: styles.rightColumn,
+ }
+ } else {
+ return {
+ section: styles.oneColumnSection,
+ leftColumn: styles.leftColumnBottomBorder,
+ rightColumn: "",
+ }
+ }
+ }
+
return (
- {columns ? (
-
- ) : (
-
- )}
+
)
}
diff --git a/components/Blocks/Shortcuts/TwoColumnList/twoColumnList.module.css b/components/Blocks/Shortcuts/shortcuts.module.css
similarity index 75%
rename from components/Blocks/Shortcuts/TwoColumnList/twoColumnList.module.css
rename to components/Blocks/Shortcuts/shortcuts.module.css
index 0f9856acf..37daea30f 100644
--- a/components/Blocks/Shortcuts/TwoColumnList/twoColumnList.module.css
+++ b/components/Blocks/Shortcuts/shortcuts.module.css
@@ -1,16 +1,18 @@
-.section {
+.oneColumnSection,
+.twoColumnSection {
display: grid;
border-radius: var(--Corner-radius-Medium);
border: 1px solid var(--Base-Border-Subtle);
overflow: hidden;
}
-.leftColumn {
- border-bottom: 0.5px solid var(--Base-Border-Subtle);
+.leftColumn,
+.leftColumnBottomBorder {
+ border-bottom: 1px solid var(--Base-Border-Subtle);
}
@media screen and (min-width: 1367px) {
- .section {
+ .twoColumnSection {
grid-template-columns: 1fr 1fr;
column-gap: var(--Spacing-x2);
border-radius: 0;
diff --git a/types/components/blocks/shortcuts.ts b/types/components/blocks/shortcuts.ts
index 1e6fa4ae4..4cb6b7195 100644
--- a/types/components/blocks/shortcuts.ts
+++ b/types/components/blocks/shortcuts.ts
@@ -5,5 +5,5 @@ export interface ShortcutsProps extends Shortcut {
}
export type ShortcutsListProps = {
- linkList: ShortcutsProps["shortcuts"]
+ shortCutList: ShortcutsProps["shortcuts"]
}