Merge pull request #127 from mash-up-kr/release/v0.0.1

Real Release (v0.1.0)

Author: mango906

src/components/ApplicationForm/ApplicationFormItem/ApplicationFormItem.component.tsx

@@ -106,8 +106,7 @@ const ApplicationFormItem = ({ index, handleRemoveItem }: ApplicationFormItemPro
                 type="number"
                 {...register(`questions.${index}.maxContentLength`, {
                   required: true,
-                  pattern: /[^0-9]/,
-                  min: 0,
+                  min: 1,
                 })}
               />
             )}

src/components/ApplicationForm/ApplicationFormPreview/ApplicationFormPreview.component.tsx

@@ -18,6 +18,9 @@ interface FormValues {
   questions: Question[];
 }
 
+const PRIVACY_POLICY_URL =
+  'https://snow-chestnut-45b.notion.site/Mash-Up-Recruit-62a5f6dabcb34e61ba8f26c4fb3a21f0';
+
 export const ApplicationFormPreviewModal = ({
   questions,
   toggleModalOpened,
@@ -76,8 +79,16 @@ export const ApplicationFormPreviewModal = ({
           <Styled.QuestionInput {...props} $size={InputSize.md} />
         );
       })}
-      {/* TODO:(@mango906): 개인정보 수집 링크 생기면 링크 걸어주기 */}
-      <Styled.PrivacyCheckBox label="개인정보 수집 및 이용에 동의합니다." />
+      <Styled.PrivacyCheckBox
+        label={
+          <Styled.PrivacyCheckBoxLabel>
+            <a href={PRIVACY_POLICY_URL} target="_blank" rel="noreferrer">
+              개인정보 수집 및 이용
+            </a>
+            에 동의합니다.
+          </Styled.PrivacyCheckBoxLabel>
+        }
+      />
       <Styled.ButtonContainer>
         <Styled.Col>
           <Button

src/components/ApplicationForm/ApplicationFormPreview/ApplicationFormPreview.styled.ts

@@ -89,3 +89,11 @@ export const Col = styled.div`
     margin-left: 1.6rem;
   }
 `;
+
+export const PrivacyCheckBoxLabel = styled.span`
+  ${({ theme }) => css`
+    a {
+      border-bottom: 1px solid ${theme.colors.gray70};
+    }
+  `}
+`;

src/components/common/Checkbox/Checkbox.component.tsx

@@ -6,7 +6,7 @@ export interface CheckboxProps extends React.LabelHTMLAttributes<HTMLLabelElemen
   handleToggle?: ChangeEventHandler<HTMLInputElement>;
   disabled?: boolean;
   isChecked?: boolean;
-  label?: string;
+  label?: React.ReactNode;
 }
 
 const Checkbox = ({