|
|
@ -83,9 +83,11 @@ const StorageSection = () => {
|
|
|
|
))}
|
|
|
|
))}
|
|
|
|
</RadioGroup>
|
|
|
|
</RadioGroup>
|
|
|
|
<Divider className="!my-4" />
|
|
|
|
<Divider className="!my-4" />
|
|
|
|
<div className="mb-2 w-full flex flex-row justify-start items-center gap-1">
|
|
|
|
<div className="mb-2 w-full flex flex-row justify-between items-center gap-1">
|
|
|
|
<span className="font-mono text-sm text-gray-400">{t("setting.storage-section.storage-services-list")}</span>
|
|
|
|
<div className="flex items-center gap-1">
|
|
|
|
|
|
|
|
<span className="font-mono text-sm text-gray-400">{t("setting.storage-section.storage-services")}</span>
|
|
|
|
<LearnMore url="https://usememos.com/docs/advanced-settings/cloudflare-r2" />
|
|
|
|
<LearnMore url="https://usememos.com/docs/advanced-settings/cloudflare-r2" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<button className="btn-normal px-2 py-0 ml-1" onClick={() => showCreateStorageServiceDialog(undefined, fetchStorageList)}>
|
|
|
|
<button className="btn-normal px-2 py-0 ml-1" onClick={() => showCreateStorageServiceDialog(undefined, fetchStorageList)}>
|
|
|
|
{t("common.create")}
|
|
|
|
{t("common.create")}
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
@ -122,6 +124,11 @@ const StorageSection = () => {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
))}
|
|
|
|
))}
|
|
|
|
|
|
|
|
{storageList.length === 0 && (
|
|
|
|
|
|
|
|
<div className="pb-2 w-full text-sm dark:border-zinc-700 opacity-60 flex flex-row items-center justify-between">
|
|
|
|
|
|
|
|
<p className="">No storage service found.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
)}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="w-full mt-4">
|
|
|
|
<div className="w-full mt-4">
|
|
|
|
<p className="text-sm">{t("common.learn-more")}:</p>
|
|
|
|
<p className="text-sm">{t("common.learn-more")}:</p>
|
|
|
|