updating

courses/if-statements/returning-boolean-values-from-functions.md

@@ -0,0 +1,29 @@
+---
+title: إرجاع القيم المنطقية من الوظائف
+snippet: لا يوجد
+order: 9
+---
+
+قد تتذكر من المقارنة مع عامل المساواة أن جميع عوامل المقارنة تُرجع قيمة منطقية
+صحيحة أو خاطئة.
+
+في بعض الأحيان يستخدم الأشخاص عبارة `if/else` لإجراء مقارنة، مثل هذا:
+
+```js
+function isEqual(a, b) {
+  if (a === b) {
+    return true;
+  } else {
+    return false;
+  }
+}
+```
+
+ولكن هناك طريقة أفضل للقيام بذلك. بما أن `===` تُرجع `true` أو `false`، فيمكننا
+إرجاع نتيجة المقارنة:
+
+```js
+function isEqual(a, b) {
+  return a === b;
+}
+```

islands/ProgressBar.tsx

@@ -1,5 +1,7 @@
 export default function ProgressBar(props: { progress: number }) {
-  const widthStyle = { width: `${props.progress}%` };
+  // min default must be 5 for better style
+  const defultWidth = (props.progress < 5 && props.progress > 0) ? 5 : props.progress;
+  const widthStyle = { width: `${defultWidth}%` };
   return (
     <div className="bg-base-100 rounded-box shadow-sm overflow-hidden p-1">
       <div className="relative h-6 flex items-center justify-center">

precodes/if-statements/returning-boolean-values-from-functions.js

@@ -0,0 +1,5 @@
+function isEqual(a, b) {
+    return a === b;
+}
+
+console.log(isEqual(5, 5))

routes/group/[slug].tsx

@@ -60,6 +60,11 @@ export default function CoursePage(props: PageProps<Props>) {
                 </a>
               ))}
             </div>
+            <div class="flex w-full">
+              <a title="العودة الى صفحة الدروس" href="/courses" class="underline mt-4">
+                العودة الى صفحة الدروس
+              </a>
+            </div>
           </div>
         </div>
         <Footer />

static/styles.css

@@ -103,6 +103,9 @@ mark::before {
   background-color: oklch(var(--b3));
   background-repeat: no-repeat;
   background-position: 50%;
+  border-radius: 0.2rem;
+  height: 99%;
+  margin-top: 4px;
 }
 
 .gutter::before {
@@ -186,7 +189,7 @@ body::-moz-scrollbar-thumb {
 
 .copy-button {
   background-color: oklch(var(--bc)/0.2);
-  padding: 5px;
+  padding: 3px;
   border-radius: 0.2rem;
   position: absolute;
   top: 5px;