fix: default value for dates (#18)

frontend/src/api/credential.ts

@@ -1,4 +1,4 @@
-import { getBackendUrl } from '../utils/utils';
+import { getBackendUrl } from '../utils/utils'
 import { getAxiosClient } from './dataProvider'
 import { InjectedWindowProvider } from '@kiltprotocol/kilt-extension-api'
 
@@ -7,10 +7,9 @@ export async function fetchCredential(extension: InjectedWindowProvider, session
 
   const client = await getAxiosClient()
 
-  const credentialUrl = `${apiUrl}/credential`;
-
-  const getTermsResponse = await client.post(`${credentialUrl}/terms/${sessionId}/${attestationId}`, sessionId);
+  const credentialUrl = `${apiUrl}/credential`
 
+  const getTermsResponse = await client.post(`${credentialUrl}/terms/${sessionId}/${attestationId}`, sessionId)
 
   const getCredentialRequestFromExtension = await new Promise((resolve, reject) => {
     try {

frontend/src/api/dataProvider.ts

@@ -26,5 +26,5 @@ async function httpClient(url: string, options: { [key: string]: any } = {}) {
   return fetchUtils.fetchJson(url, options)
 }
 
-const apiUrl = getBackendUrl();
+const apiUrl = getBackendUrl()
 export const dataProvider = simpleRestProvider(apiUrl, httpClient)

frontend/src/api/endpoints.ts

@@ -1,19 +1,17 @@
-import axios from "axios";
-
+import axios from 'axios'
 
 export async function getEndpoints(): Promise<Array<string>> {
+  const origin = window.location.origin
+  const backendUrl = `${origin}/api/v1`
+  const endpointUrl = `${backendUrl}/endpoints`
+  const response = await axios.get<Array<string>>(endpointUrl)
 
-    const origin = window.location.origin;
-    const backendUrl = `${origin}/api/v1`
-    const endpointUrl = `${backendUrl}/endpoints`;
-    const response = await axios.get<Array<string>>(endpointUrl)
-
-    if (response.status !== 200) {
-        throw new Error("Could not fetch endpoints")
-    }
+  if (response.status !== 200) {
+    throw new Error('Could not fetch endpoints')
+  }
 
-    const endpoints = response.data;
-    endpoints.push(backendUrl)
+  const endpoints = response.data
+  endpoints.push(backendUrl)
 
-    return endpoints
+  return endpoints
 }

frontend/src/api/session.ts

@@ -1,4 +1,4 @@
-import { getBackendUrl } from '../utils/utils';
+import { getBackendUrl } from '../utils/utils'
 import { getAxiosClient } from './dataProvider'
 
 import { InjectedWindowProvider, PubSubSessionV1, PubSubSessionV2 } from '@kiltprotocol/kilt-extension-api'
@@ -9,7 +9,7 @@ export async function getSession(provider: InjectedWindowProvider): Promise<PubS
   }
 
   const apiUrl = getBackendUrl()
-  const challengeUrl = `${apiUrl}/challenge`;
+  const challengeUrl = `${apiUrl}/challenge`
 
   const client = await getAxiosClient()
 

frontend/src/components/AttestationAdd.tsx

@@ -3,10 +3,22 @@ import TextField from '@mui/material/TextField'
 import { ICType, IClaimContents, Claim, DidUri, Credential as KiltCredential } from '@kiltprotocol/sdk-js'
 import { useState } from 'react'
 import ReactJson, { InteractionProps } from 'react-json-view'
+
 import { fetchCType } from '../utils/utils'
 
+function getFormattedDate(): string {
+  const date = new Date()
+  const day = date.getDate().toString().padStart(2, '0')
+  const month = (date.getMonth() + 1).toString().padStart(2, '0')
+  const year = date.getFullYear().toString()
+  return `${year}-${month}-${day}`
+}
+
 //TODO:fix "It currently only works with ctypes with a height of 1."
-function getDefaultEntryForType({ type }: { type: string }) {
+function getDefaultEntryForType({ type, format }: { type: string; format?: string }) {
+  if (format === 'date' && type === 'string') {
+    return getFormattedDate()
+  }
   if (type === 'string') {
     return ''
   }
@@ -37,7 +49,7 @@ export default function AttestationCreate() {
       const ctypeDetails = await fetchCType(fmtCtype as unknown as `kilt:ctype:0x${string}`)
       const claimContent: Record<string, any> = {}
       Object.entries(ctypeDetails.cType.properties).map(
-        ([key, type]) => (claimContent[key] = getDefaultEntryForType(type as { type: string })),
+        ([key, type]) => (claimContent[key] = getDefaultEntryForType(type as { type: string; format?: string })),
       )
       setCtypeDetails(ctypeDetails.cType)
       setClaimContent(claimContent)
@@ -72,15 +84,17 @@ export default function AttestationCreate() {
       return KiltCredential.fromClaim(claim)
     } catch (e) {
       console.error(e)
-      notify('Ctype Verification failed')
+      notify('Ctype Verification failed', { type: 'error' })
+
+      throw e
     }
   }
 
   //Elements
   const CustomToolBar = () => {
     return (
       <Toolbar>
-        <SaveButton alwaysEnable={claimer !== '' && claimContent !== undefined} label="Save" />
+        <SaveButton alwaysEnable={claimer !== '' && claimContent !== undefined} label="Save" type="button" />
       </Toolbar>
     )
   }

frontend/src/utils/utils.ts

@@ -12,23 +12,23 @@ export function isUserAdmin() {
 }
 
 export function storeEndpoints(endpoints: Array<string>) {
-  const authorizeUrl = endpoints[0];
-  const kiltEndpoint = endpoints[1];
-  const backendUrl = endpoints[2];
+  const authorizeUrl = endpoints[0]
+  const kiltEndpoint = endpoints[1]
+  const backendUrl = endpoints[2]
 
-  localStorage.setItem("authorizeUrl", authorizeUrl);
-  localStorage.setItem("kiltEndpoint", kiltEndpoint);
-  localStorage.setItem("backendUrl", backendUrl);
+  localStorage.setItem('authorizeUrl', authorizeUrl)
+  localStorage.setItem('kiltEndpoint', kiltEndpoint)
+  localStorage.setItem('backendUrl', backendUrl)
 }
 
 export function getBackendUrl(): string {
-  return localStorage.getItem("backendUrl") || ""
+  return localStorage.getItem('backendUrl') || ''
 }
 
 export function getKiltEndpoint(): string {
-  return localStorage.getItem("kiltEndpoint") || ""
+  return localStorage.getItem('kiltEndpoint') || ''
 }
 
 export function getAuthorizeUrl(): string {
-  return localStorage.getItem("authorizeUrl") || ""
+  return localStorage.getItem('authorizeUrl') || ''
 }