feat(download): display provider

Signed-off-by: MadDogOwner <xiaoran@xrgzs.top>

Author: xrgzs

src/pages/home/previews/info.tsx

@@ -1,12 +1,14 @@
 import { Heading, Icon, Image, Text, VStack } from "@hope-ui/solid"
 import { JSXElement } from "solid-js"
+import { useT } from "~/hooks"
 import { getMainColor, objStore } from "~/store"
 import { formatDate, getFileSize } from "~/utils"
 import { getIconByObj } from "~/utils/icon"
 
 export const FileInfo = (props: { children: JSXElement }) => {
+  const t = useT()
   return (
-    <VStack class="fileinfo" py="$6" spacing="$6">
+    <VStack class="fileinfo" py="$6" spacing="$6" w="$full">
       <Image
         boxSize="$20"
         fallback={
@@ -28,7 +30,11 @@ export const FileInfo = (props: { children: JSXElement }) => {
           {objStore.obj.name}
         </Heading>
         <Text color="$neutral10" size="sm">
-          {getFileSize(objStore.obj.size)} · {formatDate(objStore.obj.modified)}
+          {[
+            getFileSize(objStore.obj.size),
+            formatDate(objStore.obj.modified),
+            t(`drivers.drivers.${objStore.provider}`),
+          ].join("  ·  ")}
         </Text>
       </VStack>
       <VStack spacing="$2">{props.children}</VStack>