+1

apps/api/src/xrpc/app/rocksky/dropbox/getFiles.ts

··· 112 112 113 113 const presentation = (data) => { 114 114 return Effect.sync(() => ({ 115 115 + parentDirectory: _.get(data, "0.0.parent", null), 115 116 directories: data[0].map((item) => ({ 116 117 id: item.dropbox_directories.id, 117 118 name: item.dropbox_directories.name,

+1

apps/api/src/xrpc/app/rocksky/googledrive/getFiles.ts

··· 123 123 124 124 const presentation = (data) => { 125 125 return Effect.sync(() => ({ 126 126 + parentDirectory: _.get(data, "0.0.parent", null), 126 127 directories: data[0].map((item) => ({ 127 128 id: item.google_drive_directories.id, 128 129 name: item.google_drive_directories.name,

+15

apps/web/src/pages/dropbox/Dropbox.tsx

··· 1 1 /* eslint-disable @typescript-eslint/no-explicit-any */ 2 2 import { Folder2, MusicNoteBeamed } from "@styled-icons/bootstrap"; 3 3 import { createColumnHelper } from "@tanstack/react-table"; 4 4 + import { HeadingMedium } from "baseui/typography"; 4 5 import ContentLoader from "react-content-loader"; 5 6 import Table from "../../components/Table"; 6 7 import { useFilesQuery } from "../../hooks/useDropbox"; ··· 65 66 ), 66 67 }), 67 68 ]; 69 69 + 70 70 + const current_dir = "Dropbox"; 68 71 69 72 /* 70 73 useEffect(() => { ··· 146 149 </div> 147 150 ) 148 151 */} 152 152 + <div className="pt-[80px] fixed bg-[var(--color-background)] top-[19px] w-[770px]"> 153 153 + <HeadingMedium 154 154 + marginTop={"10px"} 155 155 + marginBottom={"25px"} 156 156 + className="!text-[var(--color-text)]" 157 157 + > 158 158 + { 159 159 + //current_dir === "Music" ? "Dropbox" : current_dir 160 160 + current_dir 161 161 + } 162 162 + </HeadingMedium> 163 163 + </div> 149 164 150 165 <div className="mt-[100px] overflow-x-hidden mb-[140px] "> 151 166 {isLoading && (

+14

apps/web/src/pages/googledrive/GoogleDrive.tsx

··· 1 1 /* eslint-disable @typescript-eslint/no-explicit-any */ 2 2 import { Folder2, MusicNoteBeamed } from "@styled-icons/bootstrap"; 3 3 import { createColumnHelper } from "@tanstack/react-table"; 4 4 + import { HeadingMedium } from "baseui/typography"; 4 5 import ContentLoader from "react-content-loader"; 5 6 import Table from "../../components/Table"; 6 7 import { useFilesQuery } from "../../hooks/useGoogleDrive"; ··· 111 112 // eslint-disable-next-line react-hooks/exhaustive-deps 112 113 }, [props.fileId]); 113 114 */ 115 115 + const current_dir = "Google Drive"; 114 116 115 117 return ( 116 118 <Main> ··· 141 143 </HeadingMedium> 142 144 </div> 143 145 )*/} 146 146 + <div className="pt-[80px] fixed bg-[var(--color-background)] top-[19px] w-[770px]"> 147 147 + <HeadingMedium 148 148 + marginTop={"10px"} 149 149 + marginBottom={"25px"} 150 150 + className="!text-[var(--color-text)]" 151 151 + > 152 152 + { 153 153 + //current_dir === "Music" ? "Google Drive" : current_dir 154 154 + current_dir 155 155 + } 156 156 + </HeadingMedium> 157 157 + </div> 144 158 145 159 <div className="mt-[100px] overflow-x-hidden mb-[140px]"> 146 160 {isLoading && (