fix: replaced 'let' declarations to 'const'

Author: vicistomin

src/components/app/app.tsx

@@ -27,8 +27,8 @@ import AppHeader from '../app-header/app-header';
 const App: React.FC = () => {
   const dispatch = useAppDispatch();
 
-  let location = useLocation<ILocation>();
-  let background = location.state && location.state.background;
+  const location = useLocation<ILocation>();
+  const background = location.state && location.state.background;
 
   const {
     itemsSuccess,

src/components/order-detailed-view/order-detailed-view.tsx

@@ -75,7 +75,7 @@ const OrderDetailedView: FC<IOrderDetailedView> = ({ order, isOrderModal=false }
   );
 
   const renderIngredientIcons = useCallback((): Array<IIngredient> => {
-    let itemsToRender: Array<IIngredient> = orderedMiddleItems;
+    const itemsToRender: Array<IIngredient> = orderedMiddleItems;
     // adding bun in the first place
     itemsToRender.splice(0, 0, orderedBun);
 
@@ -103,7 +103,7 @@ const OrderDetailedView: FC<IOrderDetailedView> = ({ order, isOrderModal=false }
         else return null
       }, {});
 
-    let renderedItems: Array<JSX.Element> = [];
+    const renderedItems: Array<JSX.Element> = [];
     for (let item_id in uniqueCountedItems) {
       renderedItems.push(
         <li
@@ -140,7 +140,7 @@ const OrderDetailedView: FC<IOrderDetailedView> = ({ order, isOrderModal=false }
 
   const calculateOrderPrice = useCallback((): number => {
     const orderIngredients: Array<IIngredient> = order.ingredients?.map(item_id => {
-      let orderedItem: IIngredient = items.find(item => item._id === item_id) || {};
+      const orderedItem: IIngredient = items.find(item => item._id === item_id) || {};
       return ({
         price: orderedItem.price,
         type: orderedItem.type

src/components/orders-card/orders-card.tsx

@@ -83,7 +83,7 @@ const OrdersCard: FC<IOrdersCardProps> = ({ order, source }) => {
       item && item.type !== 'bun');
 
   const renderIngredientIcons = useCallback(() => {
-    let itemsToRender = orderedMiddleItems;
+    const itemsToRender = orderedMiddleItems;
     // adding bun in the first place
     itemsToRender && itemsToRender.splice(0, 0, orderedBun);
 

src/pages/ingredient-modal.tsx

@@ -24,7 +24,7 @@ export const IngredientModalPage: FC = () => {
 
   const { request } = itemsSlice.actions;
 
-  let history = useHistory();
+  const history = useHistory();
 
   const currentItemId: string = useParams<{ id: string }>().id;
   const currentItem: IIngredient = items.find((item) => item._id === currentItemId) || {};

src/pages/order-modal.tsx

@@ -39,7 +39,7 @@ export const OrderModalPage: FC = () => {
 
   const { request } = itemsSlice.actions;
 
-  let history = useHistory();
+  const history = useHistory();
   const location = useLocation<ILocation>();
 
   useEffect(() => {

src/services/utils.ts

@@ -59,8 +59,6 @@ export function setCookie(
   value: string | number | boolean,
   props: ICookieProps = {}
 ): void {
-  // props: ICookieProps = props || {};
-  // let expiration: sr = props.expires;
   if (typeof props.expires == 'number' && props.expires) {
     const d = new Date();
     d.setTime(d.getTime() + props.expires * 1000);
@@ -69,7 +67,7 @@ export function setCookie(
   if (props.expires instanceof Date && props.expires) {
     props.expires = props.expires.toUTCString();
   }
-  let cookieValue: string = encodeURIComponent(value);
+  const cookieValue: string = encodeURIComponent(value);
   let updatedCookie: string = name + '=' + cookieValue;
   let propName: keyof ICookieProps;
   for (propName in props) {