Add save icon to save button

kilobyteno · Jan 10, 2025 · 1a3f597 · 1a3f597
1 parent 1ec767f
commit 1a3f597
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/frontend/src/pages/organiser/event/event-form.tsx b/frontend/src/pages/organiser/event/event-form.tsx
@@ -16,6 +16,7 @@ import { eventsApi } from '@/lib/api/events';
 import { route } from '@/routes/route-config';
 import { RouteConfig } from '@/routes/route-config';
 import {parsePhoneNumber} from "react-phone-number-input";
+import { FloppyDisk } from '@phosphor-icons/react';
 
 const FormSchema = z.object({
     title: z.string().min(1, "Title is required"),
@@ -350,6 +351,7 @@ export function EventForm() {
 
                 <div className="flex justify-end space-x-4">
                     <Button type="submit" disabled={isSaving}>
+                        <FloppyDisk className="size-4" weight="bold" />
                         {isSaving ? t('common.saving') : t('common.save')}
                     </Button>
                 </div>

diff --git a/frontend/src/pages/organiser/organisation/organisation-form.tsx b/frontend/src/pages/organiser/organisation/organisation-form.tsx
@@ -12,6 +12,7 @@ import { useState, useEffect } from "react";
 import { Button } from "@/components/ui/button";
 import { useOrganisation } from '@/context/OrganisationContext';
 import { PhoneInput } from '@/components/ui/phone-input';
+import { FloppyDisk } from '@phosphor-icons/react';
 
 const FormSchema = z.object({
     name: z.string().min(1, "Name is required"),
@@ -282,6 +283,7 @@ export function OrganisationForm() {
 
                 <div className="flex justify-end space-x-4">
                     <Button type="submit" disabled={isSaving}>
+                        <FloppyDisk className="size-4" weight="bold" /> 
                         {isSaving ? t('common.saving') : t('common.save')}
                     </Button>
                 </div>