Add header to FileList component

김재형
Commit 911c330c855c0fdfa039e81934008e43b5ef055c 911c330c 1 parent 65efd55d
Showing 2 changed files with 13 additions and 1 deletions
frontend/src/file/FileList.module.scss
frontend/src/file/FileList.tsx
--- a/frontend/src/file/FileList.module.scss
View file @911c330
+++ b/frontend/src/file/FileList.module.scss
View file @911c330
+.header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
 .actions {
   a {
     margin: 0 4px;
--- a/frontend/src/file/FileList.tsx
View file @911c330
+++ b/frontend/src/file/FileList.tsx
View file @911c330
@@ -44,7 +44,13 @@ export function FileList() {
   return (
     <div>
-      {data.parent !== null && <h3>{data.name}</h3>}
+      <div className={styles.header}>
+        <div>{data.parent !== null && <h3>{data.name}</h3>}</div>
+        <div className={styles.actions}>
+          <a>파일 업로드</a>
+          <a>새 폴더</a>
+        </div>
+      </div>
       <Table
         rowKey="id"
         columns={getColumns({