Vincent 2.0 Dashboard #440
There are no files selected for viewing
This file contains hidden or 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,27 +1,11 @@ | ||
| VITE_WALLETCONNECT_PROJECT_ID= | ||
| VITE_VINCENT_BASE_SEPOLIA_RPC= | ||
|
|
||
| VITE_ENV=development | ||
|
|
||
| VITE_LIT_TOTAL_MANAGED=340 | ||
| VITE_TOTAL_APPS= | ||
| VITE_TOTAL_ABILITIES= | ||
|
|
||
| VITE_FEATURED_APP_IDS= | ||
| VITE_OFFICIAL_APP_IDS= |
This file contains hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 |
|---|---|---|
|
|
@@ -10,55 +10,71 @@ import { Button } from '@/components/shared/ui/button'; | |
| import { | ||
| TextField, | ||
| LongTextField, | ||
| ImageUploadField, | ||
| } from '@/components/developer-dashboard/form-fields'; | ||
| import { DeploymentStatusSelectField } from '@/components/developer-dashboard/form-fields/array/DeploymentStatusSelectField'; | ||
| import { theme, fonts } from '@/lib/themeClasses'; | ||
| import { extractErrorMessage } from '@/utils/developer-dashboard/app-forms'; | ||
|
|
||
| const { appDoc } = docSchemas; | ||
|
|
||
| const { appId, name, description, contactEmail, appUrl, logo, deploymentStatus } = appDoc.shape; | ||
|
|
||
| // Schema for creating a new app (appId will be generated on-chain) | ||
| export const CreateAppSchema = z | ||
| .object({ | ||
| name, | ||
| description, | ||
| contactEmail, | ||
| appUrl, | ||
| logo, | ||
| deploymentStatus, | ||
| }) | ||
| .strict(); | ||
|
|
||
| // Schema for adding existing on-chain app to registry | ||
| export const CreateAppWithIdSchema = z | ||
| .object({ | ||
| appId, | ||
| name, | ||
| description, | ||
| contactEmail, | ||
| appUrl, | ||
| logo, | ||
| deploymentStatus, | ||
| }) | ||
| .strict(); | ||
|
|
||
| export type CreateAppFormData = z.infer<typeof CreateAppSchema>; | ||
| export type CreateAppWithIdFormData = z.infer<typeof CreateAppWithIdSchema>; | ||
|
|
||
| interface CreateAppFormProps { | ||
| onSubmit: (data: CreateAppFormData | CreateAppWithIdFormData) => Promise<void>; | ||
| isSubmitting?: boolean; | ||
| /** | ||
| * When provided, the form is used for recovery: syncing an app that exists | ||
| * on-chain but failed to sync to the registry during initial registration. | ||
| */ | ||
| existingAppId?: number; | ||
| onSuccess?: () => void; | ||
| } | ||
|
|
||
| export function CreateAppForm({ | ||
| onSubmit, | ||
| isSubmitting = false, | ||
| existingAppId, | ||
| onSuccess, | ||
| }: CreateAppFormProps) { | ||
| const [submitError, setSubmitError] = useState<string | null>(null); | ||
| const [submitSuccess, setSubmitSuccess] = useState(false); | ||
|
|
||
| // Use different schema based on whether we have an existing app ID | ||
|
Contributor
There was a problem hiding this comment. An app can be registered only once so what are we exactly checking for the existing appId?
Contributor
Author
There was a problem hiding this comment. This is useful for when the App registration (in the registry) has failed. There is a recovery flow to create the App document in the event of that happening, but I didn't have the chance to implement a recovery flow for the AppVersionAbility documents. That would look like reading the app's version 1 from on-chain, reading the IPFS CIDs, and then finding their matches in our database. We'd then create the AppVersionAbility documents on the developer's behalf. cc: @glitch003 (just to let you know)
Contributor
There was a problem hiding this comment. Can you create a ticket for the remaining task @awisniew207 |
||
| const schema = existingAppId ? CreateAppWithIdSchema : CreateAppSchema; | ||
|
|
||
| const form = useForm<CreateAppFormData | CreateAppWithIdFormData>({ | ||
| resolver: zodResolver(schema), | ||
| defaultValues: { | ||
| ...(existingAppId && { appId: existingAppId }), | ||
| deploymentStatus: 'dev', | ||
| }, | ||
| }); | ||
|
|
@@ -74,12 +90,15 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP | |
| formState: { errors }, | ||
| } = form; | ||
|
|
||
| const handleFormSubmit = async (data: CreateAppFormData | CreateAppWithIdFormData) => { | ||
| setSubmitError(null); | ||
| setSubmitSuccess(false); | ||
| try { | ||
| await onSubmit(data); | ||
| setSubmitSuccess(true); | ||
| if (onSuccess) { | ||
| onSuccess(); | ||
| } | ||
| } catch (error) { | ||
| console.error('Failed to create app:', error); | ||
| setSubmitError(extractErrorMessage(error, 'Failed to create app')); | ||
|
|
@@ -129,10 +148,10 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP | |
| /> | ||
|
|
||
| <TextField | ||
| name="appUrl" | ||
| register={register} | ||
| error={errors.appUrl?.message} | ||
| label="App URL" | ||
| placeholder="https://yourapp.com" | ||
| required | ||
| /> | ||
|
|
@@ -163,31 +182,6 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP | |
| </div> | ||
| </div> | ||
|
|
||
| {/* Status Messages */} | ||
| {submitError && ( | ||
| <div className="flex items-center gap-2 px-3 py-2 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800"> | ||
|
|
@@ -200,7 +194,9 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP | |
| <div className="flex items-center gap-2 px-3 py-2 rounded-lg bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800"> | ||
| <CheckCircle className="h-4 w-4 text-green-600 dark:text-green-400 flex-shrink-0" /> | ||
| <span className="text-sm text-green-600 dark:text-green-400"> | ||
| {existingAppId | ||
| ? 'App synced to registry successfully!' | ||
| : 'App created successfully!'} | ||
| </span> | ||
| </div> | ||
| )} | ||
|
|
@@ -211,7 +207,13 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP | |
| style={{ backgroundColor: theme.brandOrange }} | ||
| disabled={isSubmitting} | ||
| > | ||
| {isSubmitting | ||
| ? existingAppId | ||
| ? 'Syncing to Registry...' | ||
| : 'Creating App...' | ||
| : existingAppId | ||
| ? 'Sync to Registry' | ||
| : 'Create App'} | ||
| </Button> | ||
| </div> | ||
| </form> | ||
|
|
||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.