refactor: RoundTag to StyledTag, as the border-radius is not needed

City-of-Helsinki · Sep 5, 2024 · 414c5e3 · 414c5e3
1 parent 59b014d
commit 414c5e3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/apps/admin-ui/src/component/Spaces/space-editor/new-space-modal/Page1.tsx b/apps/admin-ui/src/component/Spaces/space-editor/new-space-modal/Page1.tsx
@@ -9,7 +9,7 @@ import {
   Address,
   Name,
   Parent,
-  RoundTag,
+  StyledTag,
   Title,
   UnitInfo,
 } from "./modules/newSpaceModal";
@@ -41,7 +41,7 @@ export function Page1({
     <>
       <CustomDialogHeader
         id="dialog-title"
-        extras={<RoundTag>{t("SpaceModal.phase")} 1/2</RoundTag>}
+        extras={<StyledTag>{t("SpaceModal.phase")} 1/2</StyledTag>}
         title={t(
           hasFixedParent
             ? "SpaceModal.page1.subSpaceModalTitle"

diff --git a/apps/admin-ui/src/component/Spaces/space-editor/new-space-modal/Page2.tsx b/apps/admin-ui/src/component/Spaces/space-editor/new-space-modal/Page2.tsx
@@ -7,7 +7,7 @@ import {
   Address,
   Name,
   Parent,
-  RoundTag,
+  StyledTag,
   UnitInfo,
 } from "./modules/newSpaceModal";
 import { parseAddress } from "@/common/util";
@@ -49,7 +49,7 @@ export function Page2({
             ? "SpaceModal.page2.subSpaceModalTitle"
             : "SpaceModal.page2.modalTitle"
         )}
-        extras={<RoundTag>{t("SpaceModal.phase")} 2/2</RoundTag>}
+        extras={<StyledTag>{t("SpaceModal.phase")} 2/2</StyledTag>}
         close={closeModal}
       />
       <Dialog.Content>

diff --git a/apps/admin-ui/src/component/Spaces/space-editor/new-space-modal/modules/newSpaceModal.ts b/apps/admin-ui/src/component/Spaces/space-editor/new-space-modal/modules/newSpaceModal.ts
@@ -36,8 +36,7 @@ export const EditorColumns = styled.div`
   padding-bottom: var(--spacing-m);
 `;
 
-export const RoundTag = styled(Tag)`
-  border-radius: 10px;
+export const StyledTag = styled(Tag)`
   background-color: var(--color-bus-light);
   color: var(--color-bus);
   font-weight: 600;