WinslowFan Claude Opus 4.8 commited on
Commit
52ec564
·
1 Parent(s): e749b8b

Change search example to 3vgk.A

Browse files

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/components/datasets/protein/ChainSearchInput.tsx CHANGED
@@ -55,7 +55,7 @@ export const ChainSearchInput: React.FC<ChainSearchInputProps> = ({
55
  return { pdb_id: '', auth_asym_id: '', valid: false };
56
  }
57
 
58
- // Accept formats: "3vgm.A", "3VGM:A", "3VGM_A", "3vgm A"
59
  const separatorRegex = /[.\s:_]+/;
60
  const parts = trimmed.split(separatorRegex);
61
 
@@ -64,7 +64,7 @@ export const ChainSearchInput: React.FC<ChainSearchInputProps> = ({
64
  pdb_id: '',
65
  auth_asym_id: '',
66
  valid: false,
67
- error: 'Format: PDB_ID + Chain (e.g., "3vgm.A", "3VGM:A", "3VGM_A")'
68
  };
69
  }
70
 
@@ -156,7 +156,7 @@ export const ChainSearchInput: React.FC<ChainSearchInputProps> = ({
156
  <label className="block">
157
  <span className="text-sm font-medium text-slate-900">Chain Identifier</span>
158
  <span className="block text-xs text-slate-500 mt-1">
159
- Format: PDB ID + Chain (e.g., 3vgm.A, 3VGM:A, 3VGM_A, 3vgm A)
160
  </span>
161
  </label>
162
 
@@ -166,7 +166,7 @@ export const ChainSearchInput: React.FC<ChainSearchInputProps> = ({
166
  className="flex-1 px-4 py-3 text-sm text-slate-900 bg-transparent rounded-lg outline-none placeholder:text-slate-400 disabled:bg-slate-50 disabled:cursor-not-allowed"
167
  value={value}
168
  onChange={(e) => onValueChange(e.target.value)}
169
- placeholder="e.g., 3vgm.A"
170
  disabled={disabled}
171
  />
172
 
 
55
  return { pdb_id: '', auth_asym_id: '', valid: false };
56
  }
57
 
58
+ // Accept formats: "3vgk.A", "3VGK:A", "3VGK_A", "3vgk A"
59
  const separatorRegex = /[.\s:_]+/;
60
  const parts = trimmed.split(separatorRegex);
61
 
 
64
  pdb_id: '',
65
  auth_asym_id: '',
66
  valid: false,
67
+ error: 'Format: PDB_ID + Chain (e.g., "3vgk.A", "3VGK:A", "3VGK_A")'
68
  };
69
  }
70
 
 
156
  <label className="block">
157
  <span className="text-sm font-medium text-slate-900">Chain Identifier</span>
158
  <span className="block text-xs text-slate-500 mt-1">
159
+ Format: PDB ID + Chain (e.g., 3vgk.A, 3VGK:A, 3VGK_A, 3vgk A)
160
  </span>
161
  </label>
162
 
 
166
  className="flex-1 px-4 py-3 text-sm text-slate-900 bg-transparent rounded-lg outline-none placeholder:text-slate-400 disabled:bg-slate-50 disabled:cursor-not-allowed"
167
  value={value}
168
  onChange={(e) => onValueChange(e.target.value)}
169
+ placeholder="e.g., 3vgk.A"
170
  disabled={disabled}
171
  />
172