#1 Add icons to edit buttons

UniRegensburg · Aug 12, 2022 · c5d70cb · c5d70cb
1 parent a256b3d
commit c5d70cb
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/entry/NewEntry.tsx b/src/components/entry/NewEntry.tsx
@@ -1,5 +1,5 @@
 import cx from "classnames";
-import { CornersIn, CornersOut } from "phosphor-react";
+import { CornersIn, CornersOut, FloppyDisk, X } from "phosphor-react";
 import React, { useEffect, useState } from "react";
 import { UserRole } from "../../types";
 import { Button } from "../Button";
@@ -64,6 +64,7 @@ export const NewEntry: React.FC<NewEntryProps> = ({
         />
         <div className="flex justify-end gap-2 p-3 pt-2">
           <Button
+            icon={<X size={20} />}
             onClick={() => setIsNewEntryVisible(false)}
             size="sm"
             bgColor="bg-lightRed"
@@ -72,6 +73,7 @@ export const NewEntry: React.FC<NewEntryProps> = ({
             Abbrechen
           </Button>
           <Button
+            icon={<FloppyDisk size={20} />}
             onClick={() => setIsNewEntryVisible(false)}
             size="sm"
             bgColor="bg-lightGreen"