Tailwind config and basic services
This commit is contained in:
parent
f1e90c4dd2
commit
be6467cd2c
41 changed files with 581 additions and 102 deletions
|
|
@ -1,7 +1,38 @@
|
|||
import type { Component } from "solid-js";
|
||||
import Community from "../../components/Community/Community";
|
||||
|
||||
const CommunityView: Component = () => {
|
||||
return <div class="bg-stone-950 w-20 shadow-panel z-30"></div>;
|
||||
const communitiesTest = [
|
||||
{
|
||||
id: "21",
|
||||
communityName: "Community 1",
|
||||
avatar: "https://img.daisyui.com/images/profile/demo/yellingcat@192.webp",
|
||||
},
|
||||
{
|
||||
id: "22",
|
||||
communityName: "Gamer's Lair",
|
||||
avatar: "https://img.daisyui.com/images/profile/demo/yellingcat@192.webp",
|
||||
},
|
||||
];
|
||||
|
||||
const onCommunityClick = (id: string) => {
|
||||
console.log(id);
|
||||
};
|
||||
|
||||
return (
|
||||
<div class="p-3 h-full">
|
||||
<div class="bg-stone-950 w-20 h-full rounded-full shadow-panel z-30 flex flex-col p-3 gap-3">
|
||||
{communitiesTest.map((community) => (
|
||||
<Community
|
||||
id={community.id}
|
||||
name={community.communityName}
|
||||
avatar={community.avatar}
|
||||
onCommunityClick={onCommunityClick}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CommunityView;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue