diff --git a/src/components/cart-panel/cart-item-list/index.tsx b/src/components/cart-panel/cart-item-list/index.tsx
new file mode 100644
index 0000000..abd1a26
--- /dev/null
+++ b/src/components/cart-panel/cart-item-list/index.tsx
@@ -0,0 +1,28 @@
+import { useContext } from 'react';
+
+import { CartContext } from '../../../context/cart.context';
+
+import CartItem from '../../cart-item';
+
+const CartItemList = () => {
+  const { cartItems: items } = useContext(CartContext);
+
+  return (
+    <ul className="cart-panel__list">
+      {items.map((item, i) => (
+        <li key={item.id}>
+          <CartItem
+            title={item.title}
+            imageSrc={item.imageSrc}
+            index={i}
+            price={item.price}
+            currency={item.currency}
+            id={item.id}
+          />
+        </li>
+      ))}
+    </ul>
+  );
+};
+
+export default CartItemList;
diff --git a/src/components/cart-panel/index.tsx b/src/components/cart-panel/index.tsx
index ed63524..7c6ad78 100644
--- a/src/components/cart-panel/index.tsx
+++ b/src/components/cart-panel/index.tsx
@@ -3,19 +3,42 @@ import axios from 'axios';
 import cn from 'classnames';
 
 import { AppContext } from '../../context/app.context';
-import { CartContext, ICartContext } from '../../context/cart.context';
+import { CartContext } from '../../context/cart.context';
 import { API } from '../../utils/api';
 import { formatRuPrice } from '../../utils/formatRuPrice';
 import { SneakersItem } from '../../interfaces/sneakers.interface';
 
-import CartItem from '../cart-item';
 import InfoBlock from '../info-block';
 import Button from '../button';
+import CartItemList from './cart-item-list';
 
 import './styles/cart-panel.scss';
 import emptyBoxSrc from '../../assets/images/empty-box.png';
 import orderConfirmedSrc from '../../assets/images/order-confirmed.png';
 
+const renderNoItems = (isOrderConfirmed: boolean, closeCartPanel: () => void, orderData: OrderData | null, ) => {
+  if (isOrderConfirmed) {
+    return (
+      <InfoBlock
+        className="cart-panel__order-confirmed"
+        title={'Заказ оформлен!'}
+        description={`Ваш заказ #${orderData?.id} скоро будет передан курьерской доставке`}
+        imageData={{ src: orderConfirmedSrc, width: 83, height: 120 }}
+        onButtonClick={closeCartPanel}
+      />
+    );
+  }
+
+  return (
+    <InfoBlock
+      title={'Корзина пустая'}
+      description={'Добавьте хотя бы одну пару кроссовок, чтобы сделать заказ.'}
+      imageData={{ src: emptyBoxSrc, width: 120, height: 120 }}
+      onButtonClick={closeCartPanel}
+    />
+  );
+};
+
 interface CartPanelProps {
   isOpened: boolean,
   close: () => void,
@@ -29,68 +52,6 @@ interface OrderData {
   items: SneakersItem[],
 }
 
-// todo: refactor
-const renderCartPanelBody = (
-  items: ICartContext['cartItems'],
-  isOrderConfirmed: boolean,
-  handleCartButtonClick: () => void,
-  close: CartPanelProps['close'],
-  orderData: OrderData | null,
-  isLoading: boolean,
-  totalPrice: number
-) => {
-  if (items.length > 0) {
-    return <>
-      <ul className="cart-panel__list">
-        {items.map((item, i) => (
-          <li key={item.id}>
-            <CartItem
-              title={item.title}
-              imageSrc={item.imageSrc}
-              index={i}
-              price={item.price}
-              currency={item.currency}
-              id={item.id}
-            />
-          </li>
-        ))}
-      </ul>
-      <div className="cart-panel__order-amount-and-tax-block">
-        <p className="cart-panel__row">
-          Итого:
-          <span className="dots"/>
-          <span>{formatRuPrice(totalPrice)}</span>
-        </p>
-        <p className="cart-panel__row" title="Сумма вернётся Вам на карту в течение 7 дней с момента оплаты">
-          Кэшбэк 5%:
-          <span className="dots"/>
-          <span>{formatRuPrice(Math.floor(totalPrice * 0.05))}</span>
-        </p>
-      </div>
-      <Button onClick={handleCartButtonClick} disabled={isLoading} arrowDirection="right">
-        Оформить заказ
-      </Button>
-    </>;
-  }
-
-  if (isOrderConfirmed) {
-    return <InfoBlock
-      className="cart-panel__order-confirmed"
-      title={'Заказ оформлен!'}
-      description={`Ваш заказ #${orderData?.id} скоро будет передан курьерской доставке`}
-      imageData={{ src: orderConfirmedSrc, width: 83, height: 120 }}
-      onButtonClick={close}
-    />;
-  }
-
-  return <InfoBlock
-    title={'Корзина пустая'}
-    description={'Добавьте хотя бы одну пару кроссовок, чтобы сделать заказ.'}
-    imageData={{ src: emptyBoxSrc, width: 120, height: 120 }}
-    onButtonClick={close}
-  />;
-};
-
 const CartPanel = ({ isOpened, close }: CartPanelProps) => {
   const { isLoading, showLoader, hideLoader } = useContext(AppContext);
   const { cartItems: items, totalPrice, clearCart } = useContext(CartContext);
@@ -107,7 +68,12 @@ const CartPanel = ({ isOpened, close }: CartPanelProps) => {
       clearCart();
       setOrderData(data);
 
-      setTimeout(close, 10000);
+      setTimeout(() => {
+        close();
+        setTimeout(() => {
+          setIsOrderConfirmed(false);
+        }, 1000);
+      }, 10000);
     } catch (err) {
       alert('Не удалось оформить заказ :(');
       console.error(err);
@@ -120,7 +86,30 @@ const CartPanel = ({ isOpened, close }: CartPanelProps) => {
     <div className={cn('overlay', { 'overlay--visible': isOpened })} onClick={close}>
       <section className={cn('cart-panel', { 'cart-panel--opened': isOpened })} onClick={evt => evt.stopPropagation()}>
         <h2 className="cart-panel__title">Корзина</h2>
-        {renderCartPanelBody(items, isOrderConfirmed, handleCartButtonClick, close, orderData, isLoading, totalPrice)}
+
+        {items.length > 0
+          ? (
+            <>
+              <CartItemList />
+              <div className="cart-panel__order-amount-and-tax-block">
+                <p className="cart-panel__row">
+                  Итого:
+                  <span className="dots"/>
+                  <span>{formatRuPrice(totalPrice)}</span>
+                </p>
+                <p className="cart-panel__row" title="Сумма вернётся Вам на карту в течение 7 дней с момента оплаты">
+                  Кэшбэк 5%:
+                  <span className="dots"/>
+                  <span>{formatRuPrice(Math.floor(totalPrice * 0.05))}</span>
+                </p>
+              </div>
+              <Button onClick={handleCartButtonClick} disabled={isLoading} arrowDirection="right">
+                Оформить заказ
+              </Button>
+            </>
+          )
+          : renderNoItems(isOrderConfirmed, close, orderData)
+        }
       </section>
     </div>
   );