Enforce name uniqueness on club approval template names and fix appro…

…val queue bulk submit button margins

backend/clubs/migrations/0118_alter_clubapprovalresponsetemplate_title.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.0.4 on 2024-10-15 23:40
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("clubs", "0117_clubapprovalresponsetemplate"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="clubapprovalresponsetemplate",
+            name="title",
+            field=models.CharField(max_length=255, unique=True),
+        ),
+    ]

backend/clubs/models.py

@@ -2007,7 +2007,7 @@ class ClubApprovalResponseTemplate(models.Model):
     author = models.ForeignKey(
         get_user_model(), on_delete=models.SET_NULL, null=True, related_name="templates"
     )
-    title = models.CharField(max_length=255)
+    title = models.CharField(max_length=255, unique=True)
     content = models.TextField()
     created_at = models.DateTimeField(auto_now_add=True)
     updated_at = models.DateTimeField(auto_now=True)

frontend/components/Settings/QueueTab.tsx

@@ -94,7 +94,7 @@ const QueueTableModal = ({
           placeholder={`${isApproving ? 'approval' : 'rejection'} notes`}
         ></textarea>
         <button
-          className={`mb-2 button ${isApproving ? 'is-success' : 'is-danger'}`}
+          className={`mt-2 button ${isApproving ? 'is-success' : 'is-danger'}`}
           onClick={() => {
             closeModal()
             bulkAction(comment)

frontend/components/Settings/TemplatesTab.tsx

@@ -31,7 +31,7 @@ export default function TemplatesTab({
               name="title"
               as={TextField}
               required
-              helpText={`The title of the ${OBJECT_NAME_SINGULAR} approval response template. This will be shown in the template dropdown menu.`}
+              helpText={`The unique title of the ${OBJECT_NAME_SINGULAR} approval response template. This will be shown in the template dropdown menu.`}
             />
             <Field name="content" as={TextField} type="textarea" required />
           </>