-
Notifications
You must be signed in to change notification settings - Fork 59
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(provider): general ui fixes (#708)
* fix(provider): border fixed in server form page * feat: added google analytics * fix: fix logo height issue * fix: fixed stepper logo and color * fix: control & worker node informatative screen update * fix: removed collapsable on home screen * fix: control machine error extracted to separate component * fix: text color issue fixed in multiple files * fix: white spaces in attribute page
- Loading branch information
1 parent
99c06db
commit e443868
Showing
20 changed files
with
267 additions
and
262 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
132 changes: 54 additions & 78 deletions
132
apps/provider-console/src/components/home/WelcomePanel.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,87 +1,63 @@ | ||
| "use client"; | ||
| import React, { useState } from "react"; | ||
| import { | ||
| Avatar, | ||
| AvatarFallback, | ||
| Button, | ||
| Card, | ||
| CardContent, | ||
| CardHeader, | ||
| CardTitle, | ||
| Collapsible, | ||
| CollapsibleContent, | ||
| CollapsibleTrigger | ||
| } from "@akashnetwork/ui/components"; | ||
| import { cn } from "@akashnetwork/ui/utils"; | ||
| import { Cloud, Learning, NavArrowDown, Rocket } from "iconoir-react"; | ||
| import React from "react"; | ||
| import { Avatar, AvatarFallback, Card, CardContent, CardHeader, CardTitle } from "@akashnetwork/ui/components"; | ||
| import { Cloud, Learning, Rocket } from "iconoir-react"; | ||
| import Link from "next/link"; | ||
|
|
||
| import { UrlService } from "@src/utils/urlUtils"; | ||
|
|
||
| export const WelcomePanel: React.FC = () => { | ||
| const [expanded, setExpanded] = useState(true); | ||
|
|
||
| return ( | ||
| <Collapsible open={expanded} onOpenChange={setExpanded}> | ||
| <Card> | ||
| <CardHeader className="flex flex-row items-center justify-between"> | ||
| <CardTitle className="text-2xl font-bold">Welcome to Akash Provider Console!</CardTitle> | ||
|
|
||
| <CollapsibleTrigger asChild> | ||
| <Button size="icon" variant="ghost" className="!m-0 rounded-full" onClick={() => setExpanded(prev => !prev)}> | ||
| <NavArrowDown fontSize="1rem" className={cn("transition-all duration-100", { ["rotate-180"]: expanded })} /> | ||
| </Button> | ||
| </CollapsibleTrigger> | ||
| </CardHeader> | ||
|
|
||
| <CollapsibleContent> | ||
| <CardContent> | ||
| <ul className="space-y-6"> | ||
| <li className="flex items-center space-x-4"> | ||
| <Avatar className="h-12 w-12"> | ||
| <AvatarFallback> | ||
| <Rocket className="rotate-45" /> | ||
| </AvatarFallback> | ||
| </Avatar> | ||
|
|
||
| <div className="flex flex-col"> | ||
| <Link href={UrlService.getStarted()}>Get Started with providing compute on Akash</Link> | ||
| <span className="text-muted-foreground text-sm">Become a Akash Provider with simple and easy to follow steps.</span> | ||
| </div> | ||
| </li> | ||
| <li className="flex items-center space-x-4"> | ||
| <Avatar className="h-12 w-12"> | ||
| <AvatarFallback> | ||
| <Cloud /> | ||
| </AvatarFallback> | ||
| </Avatar> | ||
|
|
||
| <div className="flex flex-col"> | ||
| <Link href="https://console.akash.network/providers" target="_blank"> | ||
| Explore current Providers | ||
| </Link> | ||
| <span className="text-muted-foreground text-sm">View a map of current Providers on the network and their resources</span> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li className="flex items-center"> | ||
| <Avatar className="h-12 w-12"> | ||
| <AvatarFallback> | ||
| <Learning /> | ||
| </AvatarFallback> | ||
| </Avatar> | ||
|
|
||
| <div className="ml-4 flex flex-col"> | ||
| <Link href="https://akash.network/docs/" target="_blank"> | ||
| Learn more about Akash | ||
| </Link> | ||
| <span className="text-muted-foreground text-sm">Want to know about the advantages of using a decentralized cloud compute marketplace?</span> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </CardContent> | ||
| </CollapsibleContent> | ||
| </Card> | ||
| </Collapsible> | ||
| <Card> | ||
| <CardHeader className="flex flex-row items-center justify-between"> | ||
| <CardTitle className="text-2xl font-bold">Welcome to Akash Provider Console!</CardTitle> | ||
| </CardHeader> | ||
|
|
||
| <CardContent> | ||
| <ul className="space-y-6"> | ||
| <li className="flex items-center space-x-4"> | ||
| <Avatar className="h-12 w-12"> | ||
| <AvatarFallback> | ||
| <Rocket className="rotate-45" /> | ||
| </AvatarFallback> | ||
| </Avatar> | ||
|
|
||
| <div className="flex flex-col"> | ||
| <Link href={UrlService.getStarted()}>Get Started with providing compute on Akash</Link> | ||
| <span className="text-muted-foreground text-sm">Become a Akash Provider with simple and easy to follow steps.</span> | ||
| </div> | ||
| </li> | ||
| <li className="flex items-center space-x-4"> | ||
| <Avatar className="h-12 w-12"> | ||
| <AvatarFallback> | ||
| <Cloud /> | ||
| </AvatarFallback> | ||
| </Avatar> | ||
|
|
||
| <div className="flex flex-col"> | ||
| <Link href="https://console.akash.network/providers" target="_blank"> | ||
| Explore current Providers | ||
| </Link> | ||
| <span className="text-muted-foreground text-sm">View a map of current Providers on the network and their resources</span> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li className="flex items-center"> | ||
| <Avatar className="h-12 w-12"> | ||
| <AvatarFallback> | ||
| <Learning /> | ||
| </AvatarFallback> | ||
| </Avatar> | ||
|
|
||
| <div className="ml-4 flex flex-col"> | ||
| <Link href="https://akash.network/docs/" target="_blank"> | ||
| Learn more about Akash | ||
| </Link> | ||
| <span className="text-muted-foreground text-sm">Want to know about the advantages of using a decentralized cloud compute marketplace?</span> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </CardContent> | ||
| </Card> | ||
| ); | ||
| }; |
Oops, something went wrong.