linguabot commited on
Commit
b0640c4
·
verified ·
1 Parent(s): 819a20a

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. client/src/components/Refinity.tsx +7 -19
client/src/components/Refinity.tsx CHANGED
@@ -429,13 +429,13 @@ const Refinity: React.FC = () => {
429
  }
430
  }}
431
  >
432
- <div className={`ref-card-overlay absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
433
- <div className={`ref-card-overlay absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
434
  <div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
435
  <div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
436
  <div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
437
- {isCenter && v.versionNumber !== 2 && (
438
- <div className="mt-4 flex gap-3">
439
  <button
440
  type="button"
441
  onClick={(e) => {
@@ -445,6 +445,7 @@ const Refinity: React.FC = () => {
445
  selectManual(v.id);
446
  }}
447
  className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200"
 
448
  >
449
  Revise
450
  </button>
@@ -452,6 +453,7 @@ const Refinity: React.FC = () => {
452
  type="button"
453
  onClick={() => { setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }}
454
  className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200"
 
455
  >
456
  Compare
457
  </button>
@@ -463,21 +465,7 @@ const Refinity: React.FC = () => {
463
  })}
464
  </SwiperRoot>
465
 
466
- {/* External V2 Revise Button - Only shows when v2 is centered */}
467
- {taskVersions[flowIndex]?.versionNumber === 2 && (
468
- <div
469
- onClick={() => {
470
- console.log('External V2 Revise clicked, id:', taskVersions[flowIndex].id);
471
- selectManual(taskVersions[flowIndex].id);
472
- }}
473
- className="absolute bottom-6 left-1/2 transform -translate-x-1/2 z-[100]"
474
- style={{ pointerEvents: 'auto' }}
475
- >
476
- <div className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200 cursor-pointer hover:bg-indigo-700/70">
477
- Revise
478
- </div>
479
- </div>
480
- )}
481
 
482
  {compareUIOpen && (
483
  <div className="mt-4 p-3 rounded-2xl border border-gray-200 bg-white/60 backdrop-blur">
 
429
  }
430
  }}
431
  >
432
+ <div className={`ref-card-overlay pointer-events-none absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
433
+ <div className={`ref-card-overlay pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
434
  <div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
435
  <div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
436
  <div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
437
+ {isCenter && (
438
+ <div className="mt-4 flex gap-3 swiper-no-swiping">
439
  <button
440
  type="button"
441
  onClick={(e) => {
 
445
  selectManual(v.id);
446
  }}
447
  className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200"
448
+ style={{ position: 'relative', zIndex: 30 }}
449
  >
450
  Revise
451
  </button>
 
453
  type="button"
454
  onClick={() => { setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }}
455
  className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200"
456
+ style={{ position: 'relative', zIndex: 30 }}
457
  >
458
  Compare
459
  </button>
 
465
  })}
466
  </SwiperRoot>
467
 
468
+ {/* External V2 Revise Button removed per user request */}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
469
 
470
  {compareUIOpen && (
471
  <div className="mt-4 p-3 rounded-2xl border border-gray-200 bg-white/60 backdrop-blur">