learn22coding
diff --git a/‎src/components/ContactUsSlideover/ContactUsSlideover.tsx
Copy file name to clipboardExpand all lines: src/components/ContactUsSlideover/ContactUsSlideover.tsx
+43-18Lines changed: 43 additions & 18 deletions b/‎src/components/ContactUsSlideover/ContactUsSlideover.tsx
Copy file name to clipboardExpand all lines: src/components/ContactUsSlideover/ContactUsSlideover.tsx
+43-18Lines changed: 43 additions & 18 deletions
diff --git a/‎src/functions/src/submitContactForm.ts
Copy file name to clipboardExpand all lines: src/functions/src/submitContactForm.ts
+18-2Lines changed: 18 additions & 2 deletions b/‎src/functions/src/submitContactForm.ts
Copy file name to clipboardExpand all lines: src/functions/src/submitContactForm.ts
+18-2Lines changed: 18 additions & 2 deletions
@@ -200,7 +200,7 @@ export default function ContactUsSlideover({
       }
       onSubmit={handleSubmit}
     >
-      <div className="bg-gray-50 dark:bg-gray-900 mb-4">
+      {/* <div className="bg-gray-50 dark:bg-gray-900 mb-4">
         <div className="px-4 py-5 sm:p-6">
           <h3 className="text-lg leading-6 font-medium text-gray-900 dark:text-gray-200">
             Ask on the USACO Forum!
@@ -223,8 +223,8 @@ export default function ContactUsSlideover({
             </span>
           </div>
         </div>
-      </div>
-      <div className="px-4 sm:px-6">
+      </div> */}
+      <div className="px-4 sm:px-6 mt-4">
         {showSuccess && (
           <div className="rounded-md bg-green-50 dark:bg-green-800 p-4">
             <div className="flex">
@@ -309,6 +309,18 @@ export default function ContactUsSlideover({
               <legend className="text-sm leading-5 font-medium text-gray-900 dark:text-dark-high-emphasis">
                 Topic
               </legend>
+              <div className="text-sm">
+                If you're having issues registering on usaco.org, see{' '}
+                <a
+                  className="hover:underline text-blue-600 dark:text-blue-300"
+                  target="_blank"
+                  rel="noreferrer"
+                  href="https://github.com/cpinitiative/usaco-guide/issues/2854#issuecomment-1162802123"
+                >
+                  this comment
+                </a>
+                .
+              </div>
               <div className="space-y-3">
                 {topics.map((t, idx) => (
                   <div key={idx}>
@@ -329,22 +341,35 @@ export default function ContactUsSlideover({
                           className="font-medium text-gray-900 dark:text-dark-high-emphasis"
                         >
                           {t}
-                          {t === 'Other' && (
-                            <span>
-                              &nbsp;- If you're having issues registering on
-                              usaco.org, see
-                              <a
-                                className="text-blue-300"
-                                target="_blank"
-                                rel="noreferrer"
-                                href="https://github.com/cpinitiative/usaco-guide/issues/2854#issuecomment-1162802123"
-                              >
-                                {' '}
-                                this link.
-                              </a>
-                            </span>
-                          )}
                         </label>
+                        {t === 'Typo / Broken Link' && topic === t && (
+                          <div>
+                            Submitting a pull request{' '}
+                            <a
+                              className="hover:underline text-blue-600 dark:text-blue-300"
+                              target="_blank"
+                              rel="noreferrer"
+                              href="https://github.com/cpinitiative/usaco-guide/pulls"
+                            >
+                              here
+                            </a>{' '}
+                            is the preferred way to fix a typo.
+                          </div>
+                        )}
+                        {t === 'Unclear Explanation' && topic === t && (
+                          <div>
+                            You may get a faster response by reaching out on the{' '}
+                            <a
+                              className="hover:underline text-blue-600 dark:text-blue-300"
+                              href="https://forum.usaco.guide/"
+                              target="_blank"
+                              rel="noreferrer"
+                            >
+                              USACO Guide forum
+                            </a>{' '}
+                            instead.
+                          </div>
+                        )}
                       </div>
                     </div>
                   </div>
 
@@ -29,14 +29,30 @@ const submitContactForm = functions.https.onCall(async data => {
       password: key,
     },
   });
-
+  const labels = [];
+  if (
+    topic.includes('Typo') ||
+    topic.includes('Missing Section') ||
+    topic.includes('Unclear Explanation')
+  )
+    labels.push('content');
+  if (topic.includes('Bug')) labels.push('bug');
+  if (topic.includes('Website')) labels.push('website');
+  if (topic.includes('Suggestion')) labels.push('enhancement');
+  if (topic.includes('Missing Section')) labels.push('good first issue');
+  let title = `Contact Form Submission - ${topic}`;
+  if (moduleName) {
+    title += ` (${moduleName})`;
+  }
   const createdIssue = await githubAPI.post(
     '/repos/cpinitiative/usaco-guide/issues',
     {
-      title: `Contact Form Submission - ${topic}`,
+      title: title,
       body: body,
+      labels: labels,
     }
   );
+
   await admin.firestore().collection('contactFormSubmissions').add({
     name: name,
     email: email,