Add Git branch field to course creator

Author: sealexan

src/pages/CourseCreator.tsx

@@ -21,6 +21,7 @@ import { useCreate } from "../components/Hooks"
 
 export default function CourseCreator({
   slug = "",
+  repositoryBranch = "",
   repository = "",
   repositoryUser = "",
   repositoryPassword = "",
@@ -34,6 +35,7 @@ export default function CourseCreator({
   const { mutate, isLoading } = useCreate(slug)
   const [course, setCourse] = useState({
     slug: slug,
+    repositoryBranch: repositoryBranch,
     repository: repository,
     repositoryUser: repositoryUser,
     repositoryPassword: repositoryPassword,
@@ -75,6 +77,20 @@ export default function CourseCreator({
                 type="text"
               />
             </FormControl>
+            <Text color="gray.600" lineHeight={1.5}>
+              Which Git branch should the course be loaded from? Leave empty to
+              use the repository's default branch.
+            </Text>
+            <FormControl>
+              <FormLabel>Git branch:</FormLabel>
+              <Input
+                value={course.repositoryBranch}
+                onChange={(e) =>
+                  setCourse({ ...course, repositoryBranch: e.target.value })
+                }
+                type="text"
+              />
+            </FormControl>
             <Text color="gray.600" lineHeight={1.5}>
               You may manually set a course slug. This makes sense if you want
               to import the same course more than once. If you leave this field

src/types.d.ts

@@ -34,6 +34,7 @@ declare interface CourseMetaProps {
   description?: string
   slug?: string
   repository?: string
+  repositoryBranch?: string
   repositoryUser?: string
   repositoryPassword?: string
   webhookSecret?: string