♻️ #289 UploadTitleArea を CSS Modules に置換え

nekochans · May 30, 2023 · 44f1031 · 44f1031
1 parent 521c184
commit 44f1031
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 12 deletions.
diff --git a/src/components/Upload/UploadTitleArea/UploadTitleArea.module.css b/src/components/Upload/UploadTitleArea/UploadTitleArea.module.css
@@ -0,0 +1,8 @@
+.wrapper {
+  font-family: Roboto, sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 28px;
+  color: var(--text-color);
+}
diff --git a/src/components/Upload/UploadTitleArea/UploadTitleArea.module.css.d.ts b/src/components/Upload/UploadTitleArea/UploadTitleArea.module.css.d.ts
@@ -0,0 +1,4 @@
+declare const styles: {
+  readonly wrapper: string;
+};
+export = styles;
diff --git a/src/components/Upload/UploadTitleArea/UploadTitleArea.tsx b/src/components/Upload/UploadTitleArea/UploadTitleArea.tsx
@@ -1,17 +1,7 @@
 import type { FC } from 'react';
-import styled from 'styled-components';
-import { mixins } from '../../../styles';
 import { type Language } from '../../../types';
 import { assertNever } from '../../../utils';
-
-const _Wrapper = styled.div`
-  font-family: Roboto, sans-serif;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 28px;
-  color: ${mixins.colors.text};
-`;
+import styles from './UploadTitleArea.module.css';
 
 type Props = {
   language: Language;
@@ -33,5 +23,5 @@ const text = (language: Language): Text => {
 };
 
 export const UploadTitleArea: FC<Props> = ({ language }) => (
-  <_Wrapper>{text(language)}</_Wrapper>
+  <div className={styles.wrapper}>{text(language)}</div>
 );