Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: replace html with component

Browse Source
This commit is contained in:
Arman
2022-06-29 10:39:21 +02:00
parent 56f18fd41f
commit e6d45f6b84
3 changed files with 14 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/console/[project]/storage/bucket/[bucket]/index.svelte
+5 -7
View File
@@ -2,7 +2,7 @@
import { page } from '$app/stores';
import { sdkForProject } from '$lib/stores/sdk';
import { Button } from '$lib/elements/forms';
import { Empty, Pagination } from '$lib/components';
import { Empty, Pagination, Avatar } from '$lib/components';
import type { Models } from 'src/sdk';
import Create from './_create.svelte';
import Update from './_update.svelte';
@@ -30,7 +30,7 @@
showUpdate = true;
};
const getPreview = (fileId: string) =>
sdkForProject.storage.getFilePreview(bucket, fileId, 30, 30).toString() + '&mode=admin';
sdkForProject.storage.getFilePreview(bucket, fileId, 40, 40).toString() + '&mode=admin';
$: request = sdkForProject.storage.listFiles(bucket, search, limit, offset);
$: if (search) offset = 0;
@@ -69,12 +69,10 @@
<TableCellText title="Name">
<div class="u-flex u-gap-12">
<span class="link" on:click={() => openFile(file)}>
<img
class="avatar"
width="40"
height="40"
<Avatar
size={40}
src={getPreview(file.$id)}
alt={file.name} />
name={file.name} />
{file.name}
</span>
</div>
src/routes/console/[project]/users/teams/[team]/members.svelte
+5 -6
View File
@@ -1,6 +1,6 @@
<script lang="ts">
import { page } from '$app/stores';
import { Pagination, Empty } from '$lib/components';
import { Pagination, Empty, Avatar } from '$lib/components';
import {
Table,
TableHeader,
@@ -73,12 +73,11 @@
href={`${base}/console/${project}/users/user/${membership.userId}`}
title="Name">
<div class="u-flex u-gap-12">
<img
class="avatar"
width="40"
height="40"
<Avatar
size={40}
src={getAvatar(membership.userName)}
alt={membership.userName} />
name={membership.userName} />
<span>{membership.userName ? membership.userName : 'n/a'}</span>
</div>
</TableCellLink>
src/routes/console/[project]/users/user/[user]/memberships.svelte
+4 -6
View File
@@ -1,6 +1,6 @@
<script lang="ts">
import { page } from '$app/stores';
import { Pagination, Empty } from '$lib/components';
import { Pagination, Empty, Avatar } from '$lib/components';
import {
Table,
TableHeader,
@@ -55,12 +55,10 @@
href={`${base}/console/${project}/users/user/${membership.userId}`}
title="Name">
<div class="u-flex u-gap-12">
<img
class="avatar"
width="40"
height="40"
<Avatar
size={40}
src={getAvatar(membership.userName)}
alt={membership.userName} />
name={membership.userName} />
<span>{membership.userName ? membership.userName : 'n/a'}</span>
</div>
</TableCellLink>