update archive

Author: jiyuujin

apps/web/app/components/time-table/TimeTableRow.vue

@@ -84,6 +84,16 @@ const { range } = useRange()
         >
           {{ currentLocale === 'en' ? session.name_en : session.name_ja }}
         </p>
+        <div class="session-archives">
+          <VFIconButton
+            v-if="session.session_doc_url"
+            :href="session.session_doc_url"
+            target-blank
+            color="vue-blue"
+            name="slide"
+            class="session-archive-slide"
+          />
+        </div>
       </div>
     </div>
   </VFSessionContent>
@@ -182,4 +192,15 @@ const { range } = useRange()
   font-size: 18px;
   font-weight: 700;
 }
+.session-archives {
+  display: flex;
+  gap: var(calc(var(--unit) * 1.5));
+}
+.session-archive-slide {
+  margin-top: 5px;
+}
+.session-archive-slide:hover {
+  opacity: 0.6;
+  transition: opacity 0.2s;
+}
 </style>

packages/model/lib/icon.ts

@@ -15,3 +15,4 @@ export type IconName =
   | 'external'
   | 'alert'
   | 'translation'
+  | 'slide'

packages/ui/assets/icon/slide_icon.svg

@@ -61,6 +61,9 @@ const svgComponent = match<IconName>(props.name)
   .with('translation', () =>
     defineAsyncComponent(() => import('../../assets/icon/translation.svg?component')),
   )
+  .with('slide', () =>
+    defineAsyncComponent(() => import('../../assets/icon/slide_icon.svg?component')),
+  )
   .exhaustive()
 
 const { color: fillColor } = useColor()