diff --git a/src/components/step1/GitignoreContainer.js b/src/components/step1/GitignoreContainer.js index e2d14525..7c5b2c50 100644 --- a/src/components/step1/GitignoreContainer.js +++ b/src/components/step1/GitignoreContainer.js @@ -2,17 +2,15 @@ import styled from "styled-components"; import { COLOR } from "../../styles/color"; import { useRecoilState, useRecoilValue } from "recoil"; -import { - repoDataAtomFamily, - showAllGitignoreState, -} from "../../recoil/repoData"; - import { Button, Typography } from "@mui/material"; -import { BaseModal } from "../common/modal/BaseModal"; import { GitignoreModal } from "../common/modal/GitignoreModal"; import { ReadonlyAuto } from "../common/ReadOnlyAuto"; import { modalState } from "../../recoil/commonState"; import { BaseModal2 } from "../common/modal/BaseModal2"; +import { + repoDataAtomFamily, + showAllGitignoreState, +} from "../../recoil/repoData"; /* for gitignore */ export const GitIgnoreContainer = () => { @@ -54,8 +52,8 @@ const StGitIgnoreContainer = styled.div` const Header = styled.div` display: flex; - flex-direction: row; justify-content: space-between; + flex-direction: row; `; const SharedTextStyle = ` diff --git a/src/components/step1/RequiredFieldContainer.js b/src/components/step1/RequiredFieldContainer.js index 1a74fd8d..800a043d 100644 --- a/src/components/step1/RequiredFieldContainer.js +++ b/src/components/step1/RequiredFieldContainer.js @@ -1,11 +1,10 @@ import styled from "styled-components"; -import { TextInputContainer } from "../common/InputComponent"; -import { useState } from "react"; -import axios from "axios"; -import { useEffect } from "react"; +import { useState, useEffect } from "react"; +import { useRecoilState } from "recoil"; import { Grid } from "@mui/material"; +import axios from "axios"; +import { TextInputContainer } from "../common/InputComponent"; import { SelectAuto } from "../common/SelectAuto"; -import { useRecoilState } from "recoil"; import { repoDataAtomFamily } from "../../recoil/repoData"; /* for Owner, RepoName, Description */ diff --git a/src/components/step1/SelectContainer.js b/src/components/step1/SelectContainer.js index 5d4c5900..a26ac29f 100644 --- a/src/components/step1/SelectContainer.js +++ b/src/components/step1/SelectContainer.js @@ -1,11 +1,10 @@ import styled from "styled-components"; -import { useRecoilState } from "recoil"; - import { useEffect, useState } from "react"; +import { useRecoilState } from "recoil"; +import { Grid, Typography } from "@mui/material"; import axios from "axios"; import { AutocompleteInput } from "../common/Autocomplete"; import { repoDataAtomFamily } from "../../recoil/repoData"; -import { Grid, Typography } from "@mui/material"; /* for select Language & Framework */ export const SelectContainer = () => { diff --git a/src/pages/CreateRepoPage.js b/src/pages/CreateRepoPage.js index 92cf6212..9d6f0455 100644 --- a/src/pages/CreateRepoPage.js +++ b/src/pages/CreateRepoPage.js @@ -1,11 +1,10 @@ import styled from "styled-components"; import { useEffect } from "react"; - +import { useRecoilState, useRecoilValue } from "recoil"; import { Grid } from "@mui/material"; import { GitIgnoreContainer } from "../components/step1/GitignoreContainer"; import { SelectContainer } from "../components/step1/SelectContainer"; import { RequiredFieldContainer } from "../components/step1/RequiredFieldContainer"; -import { useRecoilState, useRecoilValue } from "recoil"; import { eachStepState } from "../recoil/commonState"; import { repoDataAtomFamily } from "../recoil/repoData";