1) Removed temporary works; 2) Added MoreIsYetToCome to WorksSection

ItamiOMW · Mar 9, 2024 · eb2b070 · eb2b070
1 parent 30dbcd7
commit eb2b070
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 23 deletions.
diff --git a/site/src/jsMain/kotlin/com/itami/itami_mobile/components/sections/works/WorksSection.kt b/site/src/jsMain/kotlin/com/itami/itami_mobile/components/sections/works/WorksSection.kt
@@ -10,20 +10,23 @@ import com.itami.itami_mobile.utils.Section
 import com.itami.itami_mobile.utils.Work
 import com.varabyte.kobweb.compose.css.TextAlign
 import com.varabyte.kobweb.compose.foundation.layout.Arrangement
+import com.varabyte.kobweb.compose.foundation.layout.Box
 import com.varabyte.kobweb.compose.foundation.layout.Column
 import com.varabyte.kobweb.compose.ui.Alignment
 import com.varabyte.kobweb.compose.ui.Modifier
-import com.varabyte.kobweb.compose.ui.modifiers.margin
-import com.varabyte.kobweb.compose.ui.modifiers.maxWidth
-import com.varabyte.kobweb.compose.ui.modifiers.textAlign
+import com.varabyte.kobweb.compose.ui.modifiers.*
 import com.varabyte.kobweb.silk.components.layout.SimpleGrid
 import com.varabyte.kobweb.silk.components.layout.numColumns
 import com.varabyte.kobweb.silk.components.style.breakpoint.Breakpoint
 import com.varabyte.kobweb.silk.components.style.toModifier
 import com.varabyte.kobweb.silk.components.text.SpanText
 import com.varabyte.kobweb.silk.theme.breakpoint.rememberBreakpoint
+import com.varabyte.kobweb.silk.theme.colors.ColorMode
+import com.varabyte.kobweb.silk.theme.colors.palette.overlay
+import com.varabyte.kobweb.silk.theme.colors.palette.toPalette
 import org.jetbrains.compose.web.css.cssRem
 import org.jetbrains.compose.web.css.percent
+import org.jetbrains.compose.web.css.px
 
 @Composable
 fun WorksSection() {
@@ -42,10 +45,28 @@ fun WorksSection() {
             Work.entries.forEach {
                 WorkItem(work = it)
             }
+            MoreIsYetToCome()
         }
     }
 }
 
+@Composable
+private fun MoreIsYetToCome() {
+    val colorPalette = ColorMode.current.toPalette()
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(colorPalette.overlay)
+            .borderRadius(30.px),
+        contentAlignment = Alignment.Center
+    ) {
+        SpanText(
+            text = "More is yet to come...",
+            modifier = TextStyle.toModifier(TitleTextStyle)
+        )
+    }
+}
+
 @Composable
 private fun TextContent(
     breakpoint: Breakpoint,

diff --git a/site/src/jsMain/kotlin/com/itami/itami_mobile/utils/Work.kt b/site/src/jsMain/kotlin/com/itami/itami_mobile/utils/Work.kt
@@ -30,24 +30,4 @@ enum class Work(
         link = "https://github.com/ItamiOMW/ItamiMobileSite",
         imageRes = Res.Images.ITAMI_MOBILE_THUMBNAIL
     ),
-
-    // Temporary solution, Todo: add more works.
-    MessengerCopy(
-        workName = "Messenger",
-        description = "Android & Backend & Design",
-        link = "https://github.com/ItamiOWM/Messenger",
-        imageRes = Res.Images.MESSENGER_THUMBNAIL
-    ),
-    NotesCopy(
-        workName = "Notes",
-        description = "Android & Backend & Design",
-        link = "https://github.com/ItamiOWM/NotesWithRESTAPI",
-        imageRes = Res.Images.NOTES_THUMBNAIL
-    ),
-//    CalorieTrackerCopy(
-//        workName = "Calorie Tracker",
-//        description = "Android & Backend & Design",
-//        link = "https://github.com/ItamiOWM/CalorieTracker",
-//        imageRes = Res.Images.CALORIE_TRACKER_THUMBNAIL
-//    ),
 }