clients: Clarify payment fees in refund modal

clients/apps/web/src/components/Refunds/RefundModal.tsx

@@ -82,8 +82,7 @@ export const RefundModal = ({ order, hide }: RefundModalProps) => {
     <div className="flex flex-col gap-8 overflow-y-auto px-8 py-12">
       <h2 className="text-xl">Refund Order</h2>
       <p className="dark:text-polar-500 text-gray-500">
-        Orders can be refunded for a variety of reasons. You can also refund an
-        order partially.
+        You can refund in part or full. Customer&apos;s see it on their bank statement in 5-10 days.
       </p>
 
       <Form {...form}>
@@ -174,6 +173,14 @@ export const RefundModal = ({ order, hide }: RefundModalProps) => {
               />
             )}
           </div>
+          <div className="rounded-2xl border border-gray-300 p-8 px-4 py-3 text-sm space-y-2">
+            <strong>Original payment fees are not returned</strong>
+            <p>
+              Underlying payment processors still charge us for the original payment - even in case of a full refund.
+              However, no additional fees are applied of course.{' '}
+              <a href="https://docs.polar.sh/documentation/features/refunds" className="text-blue-500" target="_blank">Learn more &rarr;</a>
+            </p>
+          </div>
           <Button type="submit" className="self-start" disabled={!canRefund}>
             Refund Order
           </Button>