change reload to restart

library/math/numbersLine/src/App.tsx

@@ -5,7 +5,7 @@ import Toolbar from "./components/Toolbar";
 import ShowElements from "./components/ShowElements";
 import { useNumbersLineContext } from "./context/numbersLineContext";
 import { useEffect } from "react";
-import Reload from "./components/Reload";
+import Restart from "./components/Restart";
 
 const App = () => {
   const { setIdDraggElementClick } = useNumbersLineContext();
@@ -24,7 +24,7 @@ const App = () => {
   return (
     <>
       <ShowElements />
-      <Reload />
+      <Restart />
       <div className="flex flex-col h-full justify-between">
         <Toolbar />
         <div>

library/math/numbersLine/src/components/Restart.tsx

@@ -0,0 +1,32 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "./ui/alert-dialog";
+import { useNumbersLineContext } from "../context/numbersLineContext";
+import { useAction } from "../hooks/useAction";
+
+const Restart = () => {
+  const { typeRuler, openRestartDialog, setOpenRestartDialog, setTypeRulerChange } = useNumbersLineContext();
+  const { initialization } = useAction();
+
+  return (
+    <AlertDialog open={openRestartDialog} onOpenChange={setOpenRestartDialog}>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>?אתם רוצים להתחיל מחדש</AlertDialogTitle>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel onClick={() => setTypeRulerChange(typeRuler)}>הישארו</AlertDialogCancel>
+          <AlertDialogAction onClick={initialization}>מחק הכל</AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+};
+
+export default Restart;

library/math/numbersLine/src/components/toolbar/IconsToolbar.tsx

@@ -23,8 +23,8 @@ const IconsToolbar = ({ typeAction, iconUrl, isDragged }: IProps) => {
     dragElements,
     setDragElements,
     idDraggElementClick,
-    openReloadDialog,
-    setOpenReloadDialog,
+    openRestartDialog,
+    setOpenRestartDialog,
     visitableDisplayButton,
   } = useNumbersLineContext();
   const wrapperRef = useRef<HTMLDivElement>(null);
@@ -45,8 +45,8 @@ const IconsToolbar = ({ typeAction, iconUrl, isDragged }: IProps) => {
   }, [idDraggElementClick]);
 
   const getSrc = () => {
-    const isClicked = typeAction === ActionTypes.reload ? openReloadDialog : isOpen;
-    const isDisabled = typeAction === ActionTypes.reload && dragElements.length == 0 && visitableDisplayButton == TypeCover.allDiscover;
+    const isClicked = typeAction === ActionTypes.restart ? openRestartDialog : isOpen;
+    const isDisabled = typeAction === ActionTypes.restart && dragElements.length == 0 && visitableDisplayButton == TypeCover.allDiscover;
     const dotIndex = iconUrl.indexOf(".");
     const beforeDot = iconUrl.substring(0, dotIndex);
     return isClicked ? beforeDot + "Open.svg" : isHovered ? beforeDot + "Hover.svg" : isDisabled ? beforeDot + "Disable.svg" : iconUrl;
@@ -80,7 +80,7 @@ const IconsToolbar = ({ typeAction, iconUrl, isDragged }: IProps) => {
       addDraggableElement();
       return;
     }
-    typeAction == ActionTypes.reload ? setOpenReloadDialog(true) : setIsOpen((prevOpen) => !prevOpen);
+    typeAction == ActionTypes.restart ? setOpenRestartDialog(true) : setIsOpen((prevOpen) => !prevOpen);
   };
 
   return (

library/math/numbersLine/src/components/toolbar/LineDefinition.tsx

@@ -17,7 +17,7 @@ const LineDefinition = () => {
     setLeftPosition,
     dragElements,
     visitableDisplayButton,
-    setOpenReloadDialog,
+    setOpenRestartDialog,
     setTypeRulerChange,
   } = useNumbersLineContext();
   const wrapperRef = useRef<HTMLDivElement>(null);
@@ -48,7 +48,7 @@ const LineDefinition = () => {
       setLeftPosition(0);
     } else {
       setTypeRulerChange(type);
-      setOpenReloadDialog(true);
+      setOpenRestartDialog(true);
     }
   };
 

library/math/numbersLine/src/consts/elementConsts.ts

@@ -4,13 +4,13 @@ import text from "/assets/icons/toolbar/text.svg";
 import writing from "/assets/icons/toolbar/writing.svg";
 import eye from "/assets/icons/toolbar/eye.svg";
 import naviAndKani from "/assets/icons/toolbar/naviAndKani.svg";
-import reload from "/assets/icons/toolbar/reload.svg";
+import restart from "/assets/icons/toolbar/restart.svg";
 import { LineRange } from "@/type/ruler";
 
 export const actionIconsDetials: IActionIcon[] = [
   { type: ActionTypes.naviAndKani, url: naviAndKani, isDragged: true },
   { type: ActionTypes.displayNumbersLine, url: eye },
-  { type: ActionTypes.reload, url: reload },
+  { type: ActionTypes.restart, url: restart },
   { type: ActionTypes.writing, url: writing },
   { type: ActionTypes.text, url: text, isDragged: true },
   { type: ActionTypes.jump, url: jump, isDragged: true },

library/math/numbersLine/src/context/numbersLineContext.tsx

@@ -21,8 +21,8 @@ interface INumbersLineContextProps {
   setCoverSituation: (v: TypeCover) => void;
   visitableDisplayButton: TypeCover;
   setVisitableDisplayButton: (v: TypeCover) => void;
-  openReloadDialog: boolean;
-  setOpenReloadDialog: (v: boolean) => void;
+  openRestartDialog: boolean;
+  setOpenRestartDialog: (v: boolean) => void;
 }
 
 export const NumbersLineContext = React.createContext({
@@ -43,8 +43,8 @@ export const NumbersLineContext = React.createContext({
   setCoverSituation: () => null,
   visitableDisplayButton: {} as TypeCover,
   setVisitableDisplayButton: () => null,
-  openReloadDialog: {} as boolean,
-  setOpenReloadDialog: () => null,
+  openRestartDialog: {} as boolean,
+  setOpenRestartDialog: () => null,
 } as INumbersLineContextProps);
 
 export const NumbersLineContexProvider = (props: any) => {
@@ -56,7 +56,7 @@ export const NumbersLineContexProvider = (props: any) => {
   const [idDraggElementClick, setIdDraggElementClick] = useState("");
   const [coverSituation, setCoverSituation] = useState(TypeCover.allDiscover);
   const [visitableDisplayButton, setVisitableDisplayButton] = useState(TypeCover.allDiscover);
-  const [openReloadDialog, setOpenReloadDialog] = useState(false);
+  const [openRestartDialog, setOpenRestartDialog] = useState(false);
   const [rulerPaddingSides, setRulerPaddingSides] = useState(RulerPaddingSides);
 
   const Resize = () => {
@@ -91,8 +91,8 @@ export const NumbersLineContexProvider = (props: any) => {
         setCoverSituation,
         visitableDisplayButton,
         setVisitableDisplayButton,
-        openReloadDialog,
-        setOpenReloadDialog,
+        openRestartDialog,
+        setOpenRestartDialog,
       }}
     >
       {props.children}

library/math/numbersLine/src/type/elements.ts

@@ -15,7 +15,7 @@ export enum ActionTypes {
   writing = "writing",
   displayNumbersLine = "displayNumbersLine",
   naviAndKani = "naviAndKani",
-  reload = "reload",
+  restart = "restart",
 }
 
 export interface IActionIcon {